黑马程序员技术交流社区

标题: 求前端大神指教小白问题 [打印本页]

作者: date1130    时间: 2020-3-25 08:34
标题: 求前端大神指教小白问题
本帖最后由 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)"

作者: date1130    时间: 2020-3-25 08:47
备注:因代码区域不能显示,button按钮每一个都绑定了onclick事件,代码如下:onclick="run(this)"




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2