DOM

ドキュメント オブジェクト モデル

Node.removeChild() メソッド

 編集:2022.10.31 by T.A.

[Edge]。→mdn

親である Node から指定の子ノードを取り除きます。そして取り除いたノードを返します。

構文
Node.removeChild(child);
Node Nodechild の親ノードです。
child Node。ノード DOM から取り除く子ノードです。
戻り値

取り除かれた元の子ノード。=== child です。

¶省く

HTML:

<SPAN id=IdTest>[SPAN要素。テキスト<B id=IdB>[B要素。テキスト<I id=IdI>[I要素]</I>テキスト]</B>テキスト]</SPAN>
[SPAN要素。テキスト[B要素。テキスト[I要素]テキスト]テキスト]

JavaScript:

NL=IdTest.childNodes;         //IdTest の子ノード リストを得る。
D=IdTest.removeChild(NL[0]);  //子ノードの 0 番目を削除。
DA=IdTest.outerHTML;  //全体表示。
	//=[string]:<span id="IdTest"><b id="IdB">[B要素。テキスト<i id="IdI">[I要素]</i>テキスト]</b>テキスト]</span>
[B要素。テキスト[I要素]テキスト]テキスト]

得られた内容:D

=[object]:[object Text]
wholeText=[string]:[SPAN要素。テキスト
assignedSlot=[object]:null
splitText=[function]:function splitText() { [native code] }

JavaScript: 更に。

D=IdTest.removeChild(IdI);  //削除。エラー発生:Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.
	//「Node」で「removeChild」を実行できませんでした: 削除するノードは、このノードの子ではありません。

孫ノードは削除できなかった。


テスト
HTML:


ここにHTMLが表示される
スクリプト組み込み:
JavaScript:


JavaScript:



表示内容:
表示内容: