在Javascript中,只提供了一种删除节点的方法:removeChild()。
removeChild() 方法用来删除父节点的一个子节点。
语法:
parent.removeChild(thisNode)
参数说明:
thisNode | 当前节点,即要删除的节点 |
parent | 当前节点的父节点,即 thisNode.parentNode |
例如,删除 id="demo" 的节点的语句为:
- var thisNode=document.getElementById("demo");
- thisNode.parentNode.removeNode(thisNode);
举例,删除节点:
- <div id="demo">
- <div id="thisNode">点击删除我</div>
- </div>
- <script type="text/javascript">
- document.getElementById("thisNode").onclick=function(){
- this.parentNode.removeChild(this);
- }
- </script>
实例演示:
点击删除我
可以看出来,虽然Javascript只提供了一种删除节点的方法,但是足够用了。