动态删除表格的问题

Question

代码：<script language="javascript">
function myDelete(){
var oTable = document.getElementById("member");
//删除该行
this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);
}
window.onload=function(){
var oTable = document.getElementById("member");
var oTd;
//动态添加delete链接
for(var i=1;i<oTable.rows.length;i++){
oTd = oTable.rows[i].insertCell(5);
oTd.innerHTML = "<a href='#'>删除</a>";
oTd.firstChild.onclick = myDelete; //添加删除事件
}
}
</script>
、这里的this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);是什么意思？为什么使用这么多parentNode

Answer 1

又一个把HTML和javascript分开来看的。列里面有个按钮或者超连，点击后的父节点是列，列的父节点是行，行的父节点是tbody,在tbody下将行删除

Answer 2

你这个没有代码也不好说
this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);
parentNode就是当前节点的父节点  比如<p>Hello<span>world!</span></p>这个例子中p就是span的父节点，
removeChild是移除子节点的意思，这样你对照你的html代码就知道了~~

Answer 3

member是td里一个标签的ID
this.parentNode得到td
this.parentNode.parentNode得到tr
this.parentNode.parentNode.parentNode得到 tablethis.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); 
就是   表格.删除（行）

Answer 4

this.parentNode得到td
this.parentNode.parentNode得到tr
this.parentNode.parentNode.parentNode得到 table
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>

Answer 5

this.parentNode得到td
this.parentNode.parentNode得到tr
this.parentNode.parentNode.parentNode得到 table
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>

Answer 6

var userName=$("#userName").val();
alert(userName);