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

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

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

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

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

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

item.innerHTML = ''

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

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

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

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