English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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() メソッド