HTML DOM Events Event Objects(事件对象)

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 Events Event Objects(事件对象)