JavaScriptでHTMLの子ノードを全て削除する

JavaScriptで特定のノードの子ノード(子要素)を全て削除するには、removeChild()メソッドを使って全ての子ノードを順番に削除します。

下記は、idrootElement配下の子ノードを全て削除します。

const root = document.getElementById('rootElement');
while (root.firstChild) {
    root.removeChild(root.firstChild);
}

removeChild()は子ノードをDOMから取り除き、取り除いたノードを返すメソッドです。

このエントリーをはてなブックマークに追加
にほんブログ村 IT技術ブログへ

コメント

メールアドレスが公開されることはありません。 が付いている欄は必須項目です