代码如下:
// 创建删除函数
function del(i){
var table1 = document.getElementById("table");
var x = table1.removeChild(table.childNodes[i]);
}
</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(1);" >删除</a></td> <!--在删除按钮上添加点击事件 -->
</tr>
这样编的删除函数,为什么不是删除当前行,而是直接删除了整个表呢
table里面的所有tr标签都属于第二个子节点(也就是索引为1的),所以删除索引为1的节点就把表格中内容都删除了。
可以输出一下这个子节点的innerHTML就能知道了。