一次删除多行的代码费解

2016/12 01 14:12
此文章不得转载,如有需要请联系网站管理员。

一度的温暖,一百度的爱情,来自于ys3399盈丰国际官网网址的点点滴滴

1、HTML构造

<input type=”checkbox” name=”test”> 1 2 3
<input type=”checkbox” name=”test”> 4 5 6
<input type=”checkbox” name=”test”> 7 8 9
<input type=”checkbox” name=”test”> 10 11 12
 <input type="button" value="删除" onclick="fun">

2、javascript代码

function fun{
    var boxes = document.getElementsByName"test";
    fori=0;i<boxes.length;i++{
        ifboxes[i].checked{
            tr = boxes[i].parentNode.parentNode;
            tr.parentNode.removeChildtr;
        }
    }
}

请分析一下
            tr = boxes[i].parentNode.parentNode;
            tr.parentNode.removeChildtr;
这两行终究表达了什么含义?
看不懂,请细致表明一下。

checkbox .parentNode.parentNode,是上上一级节点:checkbox -> td ->tr以后行

tr .parentNode, 是上一级节点: tr -> table, removeChild 删除子节点 tr以后行

parentNode,望文生义,便是调用这个属性的父节点,也便是找它爹,两个parentNode那就去找它爷爷了,以此类推。。。

(看完/读完)这篇文章有何感想! 来看看ys3399盈丰国际官网网址是怎么评论的吧!

--转载请注明: ys3399盈丰国际官网_www.ys3399.com_ys3399盈丰国际官网网址 » 一次删除多行的代码费解

发表评论

(必填)