求指点!为什么代码1只能删除新增的行?而代码2可以随意删除?

来源:9-22 编程练习

summer323

2015-09-08 16:27

求指点!为什么代码1只能删除新增的行?而代码2可以随意删除?

 代码1:function deletenode(obj){    

   var pnode=obj.parentNode.parentNode; var    tnode=document.getElementById("table"); 

  tnode.removeChild(pnode); }   

代码2: function deletenode(obj){       

 var pnode=obj.parentNode.parentNode;

pnode.parentNode.removeChild(pnode); }

写回答 关注

2回答

  • 只记录自己的声音
    2015-09-15 21:20:54

     代码1 的逻辑是:  table中你删除的是一个tr标签 ,而pnode没有index,只认为是一个普通的tr,自然从新增的中删除。 childNodes是一组元素,有对应的下标才能确认所在的位置。

    代码2 的逻辑是: 找到了“删除”所在的行,再寻找到这个的父元素,即可进行删除,不需要知道他在table中的元素序列的哪里。

  • summer323
    2015-09-08 16:30:15

    求解答啊

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题