<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>添加删除记录练习</title>
<style>
.employeeTable {
border:1px solid red;
}
</style>
<script>
/* 1.confirm()用于删除一个带有确认和取消按钮的提示框
需要一个字符串作为参数,该字符串将会作为提示文字显示出来
如果用户点击确认则会返回true 点击取消则会返回false */
function delA(){
/*
点击超链接以后,删除一个员工信息
*/
//获取所有超链接
var allA=document.getElementsByTagName("a");
//为每一个超链接绑定一个单击响应函数
for(var i=0;i<allA.length;i++){
allA[i].onclick=function(){
//alert("hello");
//点击超链接以后需要删除超链接的那一行
//获取当前tr a节点父亲的父亲
var tr=this.parentNode.parentNode;
//获取tr的第一个子节点
var name=tr.getElementsByTagName("td")[0].innerHTML;
//var name=tr.children[0].innerHTML;
//与上面的方法一样,如果我们要用firstElementChild获取当前元素的第一个子元素也是一样的;
//删除之间弹出一个提示框
var flag=confirm("确认删除"+name+"吗?");
if(flag){
tr.parentNode.removeChild(tr);//点击确认删除
}
/*
点击超链接后,超链接会跳转页面,这是超链接的默认行为
但是我们此时不希望出现默认行为,可以在响应函数最后写returnfalse
*/
return false;
}
}
}
window.onload=function(){
/*
点击超链接以后,删除一个员工信息
*/
//获取所有超链接
var allA=document.getElementsByTagName("a");
//为每一个超链接绑定一个单击响应函数
for(var i=0;i<allA.length;i
JS—添加删除记录练习
最新推荐文章于 2021-08-05 19:25:31 发布