HTML DOM removeChild() 方法

HTML DOM Element 对象

removeChild()方法去除从DOM子节点并返回所移除的节点。

语法:

node.removeChild(node)
var div = document.getElementById("demo");
div.removeChild(div.firstElementChild);
测试看看‹/›

浏览器兼容性

所有浏览器都完全支持removeChild()方法:

Method
removeChild()

参数值

参数描述
node从给定的父节点中删除的节点(通常是一个元素)

技术细节

返回值:返回的值是已删除的子级
DOM版本:DOM级别1

更多实例

找出DIV是否具有任何子节点。如果找到,则删除其第一个子元素(索引0):

var div = document.getElementById("demo");

if (div.hasChildNodes()) {
   div.removeChild(div.children[0]);
}
测试看看‹/›

从元素中删除所有子元素:

var div = document.getElementById("demo");

while (div.hasChildNodes()) {
 div.removeChild(div.children[0]);
}
测试看看‹/›

删除指定的元素而不必指定其父节点:

var node = document.getElementById("myP");

if (node.parentNode) {
   node.parentNode.removeChild(node);
}
测试看看‹/›

相关参考

HTML DOM参考:node .parentNode()方法

HTML DOM参考:node .hasChildNodes()方法

HTML DOM参考:node .appendChild()方法

HTML DOM参考:node .insertBefore()方法

HTML DOM参考:node .replaceChild()方法

HTML DOM Element 对象