编辑这个页面须要登录或更高权限！

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 对象

HTML DOM EventsEvent Objects(事件对象)