请问这个函数为什么删除不了内容？
<script>
function Del(qi){
var trrr = qi.parentNode.parentNode;
trrr.parentNode.remove(trrr);
}
</script>
</head>
<body>
<table border="1" width="50%" id="table">
<tr>
<th>学号</th>
<th>姓名</th>
<th>操作</th>
</tr>
<tr>
<td>xh001</td>
<td>王小明</td>
<td><a href="javascript:Del(this)" >删除</a></td> <!--在删除按钮上添加点击事件 -->
</tr>
<tr>
<td>xh002</td>
<td>刘小芳</td>
<td><a href="javascript:Del(this)" >删除</a></td> <!--在删除按钮上添加点击事件 -->
</tr>
续写不尽的未来3319689浏览 1177回答 1
1回答
-
闹小志
一、先说说你这个函数的问题：function Del(qi){ //qi是你当前点击的a // qi的parentNode是当前的td 那qi.parentNode.parentNode就是当前的tr了 var trrr = qi.parentNode.parentNode; trrr.parentNode.remove(trrr); //tr的parentNode就是table了啊 你一下就把table给删了 }二、再说说你调用的问题：调用函数是在href里调用的？写法错误！！！！！<a href="javascript:Del(this)" >删除</a>正确写法：<a href="javascript:void(0)" onclick="Del(this)" >删除</a>三、修改之后的最终版本：<!DOCTYPE HTML> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>流程控制语句</title> <script> function Del(qi){ var trrr = qi.parentNode; trrr.parentNode.remove(trrr); } </script> </head> <body> <table border="1" width="50%" id="table"> <tr> <th>学号</th> <th>姓名</th> <th>操作</th> </tr> <tr> <td>xh001</td> <td>王小明</td> <td><a href="javascript:void(0)" onclick="Del(this)" >删除</a></td> <!--在删除按钮上添加点击事件 --> </tr> <tr> <td>xh002</td> <td>刘小芳</td> <td><a href="javascript:void(0)" onclick="Del(this)" >删除</a></td> <!--在删除按钮上添加点击事件 --> </tr> </table> </body> </html>
随时随地看视频慕课网APP
相关分类
JavaScript