window.onload = function () {
var allA = document.getElementsByTagName("a");
//为删除分别创造一个单击响应函数
function delA(){
for (var i = 0; i < allA.length; i++) {
// allA[i].onclick = function () {
var tr = this.parentNode.parentNode;
//获取要删除员工的名字
// var name=tr.getElementsByTagName('td')[0].innerHTML;
// var name=tr.children[0].innerHTML;
var name=tr.firstElementChild.innerHTML;
var flag=confirm('你确定要删除'+name+'嘛?')
if (flag ){
tr.parentNode.removeChild(tr);
}
return false;
}
}
// }
for(var i=0;i
allA[i].οnclick=delA;
}
//为提交按钮绑定一个单机响应函数
var submit=document.getElementById('addEmpButton');
submit.οnclick=function (){
//获取员工的名字
var name=document.getElementById('empName').value;
//获取员工的邮箱
var email=document.getElementById('email').value;
//获取员工的薪资
var salary=document.getElementById('salary').value;
var tr=document.createElement('tr');
var nameTd=document.createElement('td');
var emailTd=document.createElement('td');
var salaryTd=document.createElement('td');
var aTd=document.createElement('td');
var a=document.createElement('a');
var nameText=document.createTextNode(name);
var emailText=document.createTextNode(email);
var salaryText=document.createTextNode(salary);
var delText=document.createTextNode('Delete');
nameTd.appendChild(nameText);
emailTd.appendChild(emailText);
salaryTd.appendChild(salaryText);
a.appendChild(delText);
aTd.appendChild(a);
tr.appendChild(nameTd);
tr.appendChild(emailTd);
tr.appendChild(salaryTd);
tr.appendChild(aTd);
tr.getElementsByTagName('a')[0].οnclick=delA;
a.href='javascript:';
tr.getElementsByTagName('a')[0].οnclick=delA;
var tbody=document.querySelector("#employeeTable tbody");
tbody.appendChild(tr);
}
};
Name | Salary | ||
---|---|---|---|
Tom | tom@tom.com | 5000 | Delete |
Jerry | jerry@sohu.com | 8000 | Delete |
Bob | bob@tom.com | 10000 | Delete |
添加新员工
name: | |
email: | |
salary: | |
Submit |
一键复制
编辑
Web IDE
原始数据
按行查看
历史