日期:2014-05-16  浏览次数:20439 次

动态删除表格的问题
代码:
JScript code

<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

------解决方案--------------------
又一个把HTML和javascript分开来看的。

列里面有个按钮或者超连,点击后的父节点是列,列的父节点是行,行的父节点是tbody,在tbody下将行删除
------解决方案--------------------
你这个没有代码也不好说。。。
this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);
parentNode就是当前节点的父节点 比如<p>Hello<span>world!</span></p>这个例子中p就是span的父节点,
removeChild是移除子节点的意思,这样你对照你的html代码就知道了~~