html 删除记录,添加删除记录.html

添加删除记录练习

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

}

};

NameEmailSalary 
Tomtom@tom.com5000Delete
Jerryjerry@sohu.com8000Delete
Bobbob@tom.com10000Delete
添加新员工
name:
email:
salary:

Submit

一键复制

编辑

Web IDE

原始数据

按行查看

历史

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值