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

JavaScript进阶篇9-22编程练习，创建删除函数这里不会写，其他同学代码有点看不懂，麻烦讲解下

// 创建删除函数
     function del(obj)
     {
         var tr=obj.parentNode.parentNode;
         tr.parentNode.removeChild(tr);
     }

麻烦懂的同学给讲解下，这样写是什么意思啊，谢谢~

Missvia

2015-12-23

源自：JavaScript进阶篇 9-22

关注问题我要回答

607

操作

收起

2 回答

迷途的马尔斯
2015-12-23

DOM操作懂吗？或者说文档树，你看那个表格，它其实是一棵文档树，删除是一个a标签，删除上面有一个老爸(parentNode)td，td上面又有一个老爸(parentNode)tr对吧，以此类推，这里del()函数是把a标签(删除)包装成了一个对象(obj)，函数里面定义一个tr对象，它应用了obj的老爸的老爸的属性，刚好就是html里面的tr，然后这个tr对象的老爸采用了一个removeChild()的方法（就是把儿子干掉了）这个儿子的名字刚好叫tr，所以就实现了删除的功能了

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

#1

Missvia 提问者

非常感谢！

2015-12-24 回复有任何疑惑可以回复我~

#2

迷途的马尔斯回复 Missvia 提问者

O(∩_∩)O哈哈~

2015-12-24 回复有任何疑惑可以回复我~

#3

var tr=obj.parentNode.parentNode; tr.parentNode.removeChild(tr); 为什么不能这样写呢 obj.parentNode.parentNode.parentNode.removeChild(tr);

2015-12-31 回复有任何疑惑可以回复我~

查看1条回复

猫的第九尾
2015-12-24

传进来的obj是“删除”这个a标签对象，obj的父节点是td（单元格），td的父节点是tr（行），所以tr变量就是当前点击的a标签所在的行对象，这个行对象tr的父节点就是表格，所以tr.parentNode.removeChild(tr);就是从表格里移除这一行。

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

#1

Missvia 提问者

谢谢谢谢

2015-12-24 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

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

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

本课相似问答

1 回答javascript进阶篇9-22编程练习

1 回答JavaScript进阶篇9-22 编程练习

3 回答JavaScript进阶篇 9-22编程练习问题求助？

5 回答javascript进阶篇 9-22编程练习改了很久，还是有问题

1 回答进阶篇的9-22的编程练习的程序

搜索更多本课相关问答

JavaScript进阶篇9-22编程练习，创建删除函数这里不会写，其他同学代码有点看不懂，麻烦讲解下

我要回答关注问题

意见反馈帮助中心 APP下载