一次删除多行的代码费解

Question

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");    
for(i=0;i<boxes.length;i++){        if(boxes[i].checked){            
tr = boxes[i].parentNode.parentNode;            tr.parentNode.removeChild(tr);
        }
    }
}

请解析一下            tr = boxes[i].parentNode.parentNode;            tr.parentNode.removeChild(tr);
这两行究竟表达了什么含义？
看不懂，请详细解释一下。

Answer 1

checkbox .parentNode.parentNode，是上上一级节点：checkbox -> td ->tr(当前行)tr .parentNode, 是上一级节点： tr -> table, removeChild 删除子节点 tr(当前行)