removeChild()方法去除從DOM子節(jié)點(diǎn)并返回所移除的節(jié)點(diǎn)。
node.removeChild(node)
var div = document.getElementById("demo");
div.removeChild(div.firstElementChild);測(cè)試看看?/?所有瀏覽器都完全支持removeChild()方法:
| Method | ![]() | ![]() | ![]() | ![]() | ![]() |
| removeChild() | 是 | 是 | 是 | 是 | 是 |
| 參數(shù) | 描述 |
|---|---|
| node | 從給定的父節(jié)點(diǎn)中刪除的節(jié)點(diǎn)(通常是一個(gè)元素) |
| 返回值: | 返回的值是已刪除的子級(jí) |
|---|---|
| DOM版本: | DOM級(jí)別1 |
找出DIV是否具有任何子節(jié)點(diǎn)。如果找到,則刪除其第一個(gè)子元素(索引0):
var div = document.getElementById("demo");
if (div.hasChildNodes()) {
div.removeChild(div.children[0]);
}測(cè)試看看?/?從元素中刪除所有子元素:
var div = document.getElementById("demo");
while (div.hasChildNodes()) {
div.removeChild(div.children[0]);
}測(cè)試看看?/?刪除指定的元素而不必指定其父節(jié)點(diǎn):
var node = document.getElementById("myP");
if (node.parentNode) {
node.parentNode.removeChild(node);
}測(cè)試看看?/?HTML DOM參考:node .parentNode()方法
HTML DOM參考:node .hasChildNodes()方法
HTML DOM參考:node .appendChild()方法
HTML DOM參考:node .insertBefore()方法
HTML DOM參考:node .replaceChild()方法