读书人

动态删除表格的有关问题

发布时间: 2012-10-10 13:58:11 作者: rapoo

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

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代码就知道了~~

读书人网 >JavaScript

热点推荐