Javascript removeChild():删除节点

在Javascript中,只提供了一种删除节点的方法:removeChild()。

removeChild() 方法用来删除父节点的一个子节点。

语法:
    parent.removeChild(thisNode)
参数说明:

参数 说明
thisNode 当前节点,即要删除的节点
parent 当前节点的父节点,即 thisNode.parentNode


例如,删除 id="demo" 的节点的语句为:

  1. var thisNode=document.getElementById("demo");
  2. thisNode.parentNode.removeNode(thisNode);


举例,删除节点:

  1. <div id="demo">
  2. <div id="thisNode">点击删除我</div>
  3. </div>
  4. <script type="text/javascript">
  5. document.getElementById("thisNode").onclick=function(){
  6. this.parentNode.removeChild(this);
  7. }
  8. </script>


实例演示:

点击删除我


可以看出来,虽然Javascript只提供了一种删除节点的方法,但是足够用了。

猜你喜欢

转载自zhitangrui2010.iteye.com/blog/2229055