例
最初の削除<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 必須。 削除するノードオブジェクト
技術的な詳細
戻り値： ノードオブジェクトは、削除したノードを表す、またはnullノードが存在しない場合 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);
}
»それを自分で試してみてください