                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

创建删除函数，为什么还是不行？

// 创建删除函数

function deleteRow(){

var tbody=document.getElementById("table").firstChild;//浏览器会自动给table添加一个tbody元素

tbody.removeChild(this.parentNode.parentNode);

}

风到这里就是粘

2017-07-27

源自：JavaScript进阶篇 9-22

关注问题我要回答

881

操作

收起

1 回答

慕婉清9585217
2017-07-27

  function rem(obj)
     {
         var par=obj.parentNode.parentNode;
         par.parentNode.removeChild(par);
     }
     <td><a href="javascript:;" onclick="rem(this)">删除</a></td>   <!--在删除按钮上添加点击事件  -->

要获得他的父节点，<a>的父节点是<td>,<td>的父节点是<tr>，<tr>的父节点才是<table>

在table中removeChild

0 回复有任何疑惑可以回复我~

收起回答

风到这里就是粘提问者

首先，非常感谢您的回答！其次，浏览器在table标签下默认添加tbody节点，tr的父节点是tbody。最后，不用var par=obj.parentNode.parentNode; par.parentNode.removeChild(par); 如果换种方法，取table标签下的tbody，为什么不行？

2017-07-27 回复有任何疑惑可以回复我~

0/150

提交

取消

JavaScript进阶篇

参与学习 468187 人
解答问题 21891 个

本课程从如何插入JS代码开始，带您进入网页动态交互世界

进入课程

本课相似问答

1 回答创建删除函数问题

1 回答创建删除函数不要用带参的创建代码

3 回答关于创建删除函数的方法？

1 回答删除函数这样为什么不行呢？

4 回答删除函数这样写为什么不行呢？

搜索更多本课相关问答

创建删除函数，为什么还是不行？

我要回答关注问题

热搜

最近搜索清空

创建删除函数，为什么还是不行？

1 回答

本课相似问答

创建删除函数，为什么还是不行？