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);

}

};

一键复制

编辑

Web IDE

原始数据

按行查看

历史