例
删除第一个<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);
}
试一试»