DOM要素からすべての子を削除する方法

DOM要素がある場合、そのすべての子をどのように削除しますか?

DOM内のアイテムを指定して、querySelector()このようにそれを識別するために:

const item = document.querySelector('#itemId')

次に、そのすべての子要素を削除するには、いくつかの異なる解決策があります。

最速の方法は次のようになります。

item.innerHTML = ''

提案されている別の解決策はこれです:ループを作成し、firstChildプロパティが定義され(要素には少なくとも子があります)、それを削除します。

const item = document.querySelector('#itemId')
while (item.firstChild) {
  item.removeChild(item.firstChild)
}

すべての子が削除されると、ループは終了します。

最初に、私がチェックしたほとんどのパフォーマンスベンチマークでは、最速のソリューションのように見えます。

私の無料ダウンロードJavaScriptビギナーズハンドブック


その他のブラウザチュートリアル: