removeChild()方法去除從DOM子節(jié)點并返回所移除的節(jié)點。
node.removeChild(node)
var div = document.getElementById("demo"); div.removeChild(div.firstElementChild);測試看看?/?
所有瀏覽器都完全支持removeChild()方法:
Method | ![]() | ![]() | ![]() | ![]() | ![]() |
removeChild() | 是 | 是 | 是 | 是 | 是 |
參數(shù) | 描述 |
---|---|
node | 從給定的父節(jié)點中刪除的節(jié)點(通常是一個元素) |
返回值: | 返回的值是已刪除的子級 |
---|---|
DOM版本: | DOM級別1 |
找出DIV是否具有任何子節(jié)點。如果找到,則刪除其第一個子元素(索引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]); }測試看看?/?
刪除指定的元素而不必指定其父節(jié)點:
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()方法