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