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

来个帅b解决下啦

删除这部分我先通过id=table获取整个标签<table>（注释部分）然后这样子最初的两个点击删除会报错为什么

/* 删除 */

function del(c){

console.log(c.parentNode.parentNode)

var talble_ = document.getElementById('table');

c.parentNode.parentNode.parentNode.removeChild(c.parentNode.parentNode);

// 删除最初的两个会报错

// talble_.removeChild(c.parentNode.parentNode);

}

forward_cc

2019-03-28

源自：JavaScript进阶篇 9-22

关注问题我要回答

569

操作

收起

2 回答

想哭的二大爷
2019-04-05

console.log(c.parentNode.parentNode)

var talble_ = document.getElementById('table');

c.parentNode.parentNode.parentNode.removeChild(c.parentNode.parentNode);

//var tbody = document.getElementById("table").lastChild

//table表格默认的层级关系 table>tbody>tr+td

//所以有 c.parentNnde.parentNode.parentNode = tbody

//则在移除的时候 c.parentNode.parentNode = tr tr就是tbody的直接子节点所以移除成功

//综上可说明当用 table_.removeChild(c.parenrNode.parentNode)时，c.parenrNode.parentNode不是table_直接的子节点移除失败

//"直接子节点"是我自己取得名字,希望能便于理解：例如tr和td是tbody的直接子节点，是table的间接子节点

// 删除最初的两个会报错

// talble_.removeChild(c.parentNode.parentNode);

}

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

收起回答

forward_cc 提问者

你好这个c.parentNode.parentNode.parentNode 应该是整个<table> 而var tbody = document.getElementById("table").lastChild 应该是<table>最后一个子节点所以c.parentNnde.parentNode.parentNode 不等于 tbody 我是这样理解的