怎么理解这句话？

源自：9-22 编程练习

怎么理解这句话？

<!DOCTYPE html>

<html>

<head>

<title> new document </title>

window.onload = function(){

//tbody 获取table最后一个子节点 trs取得tbody的tr标签那么应该影响的只有

// xh002 刘小芳这个tr节点啊为什么上一个节点也能影响？

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

trs = tbody.getElementsByTagName('tr');

for(var i =1;i<trs.length;i++){

trs[i].onmouseover = function(){

this.style.backgroundColor ="#f2f2f2";

}

trs[i].onmouseout = function(){

this.style.backgroundColor ="#fff";

}

//为什么要填写一个obj的参数（父类？），不填写一样可以实现添加一行

function addOne(obj){

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

var tr = document.createElement('tr');

var td = document.createElement("td");

td.innerHTML = "<input type='text'/>";

tr.appendChild(td);

td = document.createElement("td");

td.innerHTML = "<input type='text'/>";

tr.appendChild(td);

td = document.createElement("td");

td.innerHTML = "<a href='javascript:;' onclick='deleteRow(this)'>删除</a>";

tr.appendChild(td);

tbody.appendChild(tr);

}

//为什么要填写一个obj的参数（父类？），不填写就不能实现删除一行

//为什么是obj.parentNode.parentNode;而不是 tbody.parentNode.removeChild(document.getElementById('table').lastChild)

function deleteRow(obj){

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

var tr = obj.parentNode.parentNode;

tbody.removeChild(tr);

}

</script>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

上面加粗注释是我的问题，参考代码后的问题求解释

提问者：M_smile 2015-04-02 21:21

怎么理解这句话？

个回答