<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>
1 回答
已采纳
闹小志
TA贡献75条经验 获得超42个赞
一、先说说你这个函数的问题：
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>
点击展开后面1条
添加回答
举报
0/150
提交
取消