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