本帖最后由 date1130 于 2020-3-25 08:47 编辑
[JavaScript] 纯文本查看 复制代码 <body>
<div id="layout_div">
<table id="t_id">
<tr>
<th>编号</th>
<th>姓名</th>
<th>性别</th>
<th>操作</th>
</tr>
<tr>
<td>10001</td>
<td>张三</td>
<td>男</td>
<td>
<button>删除</button>
</td>
</tr>
<tr>
<td>10001</td>
<td>李四</td>
<td>女</td>
<td>
<button>删除</button>
</td>
</tr>
<tr>
<td>10001</td>
<td>王五</td>
<td>男</td>
<td>
<button>删除</button>
</td>
</tr>
</table>
</div>
</body>
<script type="text/javascript">
function run(btnObj) {
var tableNode = document.getElementsByTagName("table")[0];
// var tableNode = btnObj.parentNode.parentNode.parentNode;
tableNode.removeChild(btnObj.parentNode.parentNode);
}
</script>
1.简单点说：用以上代码运行无法删除指定行的内容，用注释的内容删除指定行就是可以的
2.详细点说：为什么我使用document对象通过标签名称获取的table元素对象移除不了指定的子元素，但是通过this对象不断寻找父级元素找到table之后移除子元素就是成功的，没搞明白是怎么回事，还望大神指点迷津。
3.备注：因代码区域不能显示，button按钮每一个都绑定了事件，代码如下：onclick="run(this)"
| 
收藏
淘帖
踩
