下面给大家介绍javascript removechild()删除节点的方法,具体详情如下所示:
在javascript中,只提供了一种删除节点的方法:removechild()。
removechild() 方法用来删除父节点的一个子节点。
语法:
parent.removechild(thisnode)
参数说明:
参数 说明
thisnode 当前节点,即要删除的节点
parent 当前节点的父节点,即 thisnode.parentnode
例如,删除 id=demo 的节点的语句为:
var thisnode=document.getelementbyid(demo);thisnode.parentnode.removenode(thisnode);
举例,删除节点:
点击删除我
实例演示:
可以看出来,虽然javascript只提供了一种删除节点的方法,但是足够用了。
ps:javascript删除子节点的方法
html代码如下:
a
b
c
如果想删除f节点下的所有子节点,很自然也很正常想到的方法应该就是下面的这段代码了:
var f = document.getelementbyid(f); var childs = f.childnodes; for(var i = 0; i = 0; i--) { alert(childs[i].nodename); f.removechild(childs[i]); }
我们从索引最大值开始删除,采用递减的方法,这样索引便不会移动改变了。