如何从一个DOM元素中删除所有的子元素

给定一个DOM元素，如何删除它的所有子元素？

给定DOM中的一个项目，用 querySelector()来识别它，像这样。

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

那么，要删除它的所有子元素，你有几个不同的解决方案。

最快的方法是这样的。

另一种建议的解决方案是这样的：创建一个循环，检查firstChild 属性是否被定义（该元素至少有一个孩子），然后将其删除。

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

当所有的子元素都被删除后，循环就结束了。

在我检查的大多数性能基准中，第一种方法看起来是最快的解决方案。