JavaScriptでHTMLの子ノードを全て削除する
JavaScriptで特定のノードの子ノード(子要素)を全て削除するには、removeChild()メソッドを使って全ての子ノードを順番に削除します。
下記は、idがrootElement配下の子ノードを全て削除します。
const root = document.getElementById('rootElement');
while (root.firstChild) {
root.removeChild(root.firstChild);
}
removeChild()は子ノードをDOMから取り除き、取り除いたノードを返すメソッドです。
