例
刪除第一個<li>從列表元素：
var list = document.getElementById("myList"); // Get
the <ul> element with id="myList"
list.removeChild(list.childNodes[0]);
// Remove <ul>'s first child node (index 0)在移除之前，
- Coffee
- Tea
- Milk
取出後：
- Tea
- Milk
試一試» 更多"Try it Yourself"下面的例子。
定義和用法
的removeChild()方法去除指定元素的特定子節點。
返回被刪除的節點作為節點對象或null如果該節點不存在。
注意：刪除的子節點是DOM不再一部分。 然而，利用此方法返回基準，能夠以插入除去孩子的元件在稍後的時間(See "More Examples")
提示：使用appendChild()或insertBefore()方法來插入移除的節點到同一文檔。 將其插入到另一個文檔，使用文檔。 adoptNode()或文件。 importNode()方法。
瀏覽器支持
| 方法 | |||||
|---|---|---|---|---|---|
| removeChild() | 是 | 是 | 是 | 是 | 是 |
句法
參數值 參數 類型 描述 node Node object 需要。 要刪除的節點對象
技術細節
返回值： 一個節點對象，表示刪除的節點，或空如果該節點不存在 DOM版本 核心1級節點對象
更多示例
例
找出一個列表中有任何的子節點。 如果是這樣，刪除它的第一個子節點(index 0)
// Get the <ul> element with id="myList"
var list =
document.getElementById("myList");
// If the <ul> element has any
child nodes, remove its first child node
if (list.hasChildNodes()) {
list.removeChild(list.childNodes[0]);
} 在移除之前，
- Coffee
- Tea
- Milk
在移除之前，
- Tea
- Milk
試一試»
例
刪除列表中的所有子節點：
// Get the <ul> element with id="myList"
var list = document.getElementById("myList");
// As long as <ul> has a child node, remove it
while
(list.hasChildNodes()) {
list.removeChild(list.firstChild);
} 在移除之前，
- Coffee
- Tea
- Milk
取出後：
試一試»
例
刪除一個<li> id為從它的父元素“myLI”元件（沒有指定其父節點）：
var item = document.getElementById("myLI");
item.parentNode.removeChild(item);
在移除之前，
- Coffee
- Tea
- Milk
取出後：
- Coffee
- Milk
試一試»
例
刪除一個<li>從它的父元素，並重新插入：
var item = document.getElementById("myLI");
function removeLi() {
item.parentNode.removeChild(item);
}
function appendLi() {
var list = document.getElementById("myList");
list.appendChild(item);
}
試一試»
例
刪除<span>從它的父元素，並將其插入到一個<h1>在另一文檔元素：
var child = document.getElementById("mySpan");
function removeLi() {
child.parentNode.removeChild(child);
}
function myFunction() {
var frame = document.getElementsByTagName("IFRAME")[0]
var h = frame.contentWindow.document.getElementsByTagName("H1")[0];
var x = document.adoptNode(child);
h.appendChild(x);
}
試一試»