一次删除多行的代码费解

Question

1、HTML结构<input type="checkbox" name="test">123<input type="checkbox" name="test">456<input type="checkbox" name="test">789<input type="checkbox" name="test">101112 <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(当前行)