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

这个变成里面，var table = obj.parentNode.parentNode.parentNode; 和var table=document.getElementById("table");是不一样的吗？

二五七

2015-07-23

源自：JavaScript进阶篇 9-22

关注问题我要回答

2182

操作

收起

2 回答

曹妍真瘦
2015-07-28

    // 创建删除函数
   function remove(obj) //删除已有的2行，已有的两行删除标签的三层父元素是tybody     {
         var tr=obj.parentNode.parentNode;
         //tr.parentNode.removeChild(tr);      
      var a= document.getElementById("table").childNodes[1].removeChild(tr);     
     //  document.write(tr.parentNode.nodeName);
     }
function a(obj)   //删除新添加的行，新添加的行删除标签三次父元素是table   
     { 
 var tr=obj.parentNode.parentNode;
document.getElementById("table").removeChild(tr);
}

不知道为什么新加的行和原来在html里已有的行三次父元素不一样。

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

收起回答

曹妍真瘦

知道了，因为插入新行时用的是 table.appendChild(newTr); 如过新插入的行也想用函数1那就得把新插入的行插到tybody里： table.childNodes[1].appendChild(newTr);//因为<table>和<tr>标签之间有换行所以table的第二个子元素是tybody。