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()方法