javascript - 如何从Javascript对象中删除所有childNode？

Question

这个问题已经有答案了:

Remove all child elements of a DOM node in JavaScript (39 个回答)

已关闭 7 年前。

我想从 javascript 对象中删除所有 childNode。我提到了 W3Schools 的例子。但他们使用 while 循环并一一删除子节点。请参阅下面的代码。

var list = document.getElementById("myList");

// As long as <ul> has a child node, remove it
while (list.hasChildNodes()) {   
    list.removeChild(list.firstChild);
}

W3Schools Link .

我有超过 1000 个子节点。所以我想一步步删除它。使用 while 循环会带来性能问题。任何人都可以帮忙解决这个问题。

谢谢，巴拉蒂。

Answer 1

只需删除元素的 innerHtml 即可删除所有子节点

document.getElementById("myList").innerHTML = ""