为了账号安全,请及时绑定邮箱和手机立即绑定

求教大神删除函数三种表述的区别

// 创建删除函数

     function del(tr){

         var del = tr.parentNode.parentNode;

         var tb = document.getElementById("table");

         tb.removeChild(del);  

     }

    /* function del(tr){

         var del = tr.parentNode.parentNode

         del.parentNode.removeChild(del); 

     }*/

第一种表述运行报错,第二种可以,document.getElementById("table")跟 del.parentNode是有什么区别呢?


另外,官方的代码是这样写的:

function deleteRow(obj){

var tbody = document.getElementById('table').lastChild;

var tr = obj.parentNode.parentNode;

tbody.removeChild(tr);

怎么也弄不明白定义tbody后面为何要加lastChild,他应该是tr的父节点才对啊!

正在回答

2 回答

终于弄明白了,其实table下面隐藏tbody节点,不写出来系统也会默认有,这样所有问题都弄明白了

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

你第一种在onclick绑定函数时,参数要写this,指向当前的a元素,你方法写得没问题。

del.parentNode就等于table元素。意思a元素的父元素(td)的父元素(tr)的父元素(table)

官方代码我没看,不过单纯看你这一段确实是错的。

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

举报

0/150
提交
取消

求教大神删除函数三种表述的区别

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号