javascript学习之删除记录

最新推荐文章于 2024-05-02 17:59:36 发布

youknowml

最新推荐文章于 2024-05-02 17:59:36 发布

阅读量110

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/yrhlyyouknow/article/details/107406024

版权

<head>
<script type="text/javascript">
window.onload=function(){
//点击链接以后，删除一个员工的信息
//获取所有的超链接
var allA=document.geElementsByTagName("a");
//为每一个超链接都绑定一个单击响应函数
for(var i=0;i<allA.length;i++)
{
allA[i].onclick=function(){
//点击超链接的时候，需要删除超链接所在的那一行
//这里我们点击那个超链接,this就是谁
//获取当前tr
var tr=this.parentNode.parentNode;
//获取要删除员工的名字
//var name=document.getElementsByTagName("td")[0].innerHTML;
//或者不用上面那种方式用下面这种也行
var name=tr.children[0].innerHTML；
//删除之前弹出一个提示框
//confirm （用于弹出一个带有确认和取消按钮的提示框
需要一个字符串作为参数，该字符串会作为提示文字显示出来）
//如果用户点击确认，用户会返回true,点击取消的时候会变成false
var flag=confirm("确认删除"+name"吗？");
if(flag){
//删除tr
tr.parentNode.removeChild(tr);
}



//点击超链接以后，超链接会跳转页面，这个是超链接的默认行为
//但此时我们不希望出现默认行为，可以通过在响应函数的最后return false 来取消默认行为
return false;



};

}



};
<script>
</head>

youknowml

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript学习之删除记录

//点击超链接以后，超链接会跳转页面，这个是超链接的默认行为//但此时我们不希望出现默认行为，可以通过在响应函数的最后return false 来取消默认行为return false;};}};
复制链接

扫一扫