其实内容不多,但是总想记录下过程,如果不放在这里,一段时间后肯定找不到了;
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312"/>
<style type="text/css">
table{
width:90%;
border-collapse:collapse;
}
td{
border:2px black solid;
width:50%;
}
</style>
</head>
<body>
<!--删除行为前的提示-->
<table>
<tr>
<td>英雄</td>
<td>操作</td>
</tr>
<tr>
<td>死歌</td>
<td><a href="#" οnclick="remove(this)">删除</a></td>
</tr>
<tr>
<td>李白</td>
<td><a href="#" οnclick="remove(this)">删除</a></td>
</tr>
<tr>
<td>祈求者</td>
<td><a href="#" οnclick="remove(this)">删除</a></td>
</tr>
</table>
<script>
function remove(a){
//提示
var c = confirm("确定删除吗");
//判断
if(!c){
return;
}
//获得table节点对象
var parentTable = a.parentNode.parentNode.parentNode;
//要删除的节点对象
var targetTr = a.parentNode.parentNode;
//删除
parentTable.removeChild(targetTr);//(a)
//或者b c操作可以代替a操作
//获得要删除的目标的下标
//var index = targetTr.rowIndex;(b)
//使用deleteRow方式删除
//parentTable.deleteRow(index);(c)
}
</script>
</body>
</html>