English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM removeChild() メソッド

HTML DOM Element オブジェクト

removeChild()DOMの子ノードを取り除き、移動したノードを返すメソッドです。

構文:

node.removeChild(node)
var div = document.getElementById("demo");
div.removeChild(div.firstElementChild);
テストを見て‹/›

ブラウザの互換性

すべてのブラウザはremoveChild()メソッドを完全にサポートしています:

メソッド
removeChild()

パラメータの値

パラメータ説明
node指定された親ノードから削除されたノード(通常は要素です)

技術的詳細

返される値:削除された子要素の値が返されます
DOMバージョン:DOMレベル1

さらに多くの例

DIVが子ノードを持っているかどうかを確認します。もしあれば、最初の子要素(インデックス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]);
}
テストを見て‹/›

指定された要素を削除するのに、親ノードを指定する必要はありません:

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() メソッド

HTML DOM Element オブジェクト