如何在 JavaScript 中刪除 DOM 節點的所有子元素？

在JavaScript 中刪除DOM 節點的子元素

要從JavaScript 中刪除DOM 節點的所有子元素，您可以使用多種方法.

選項1：InnerHTML
這個方法取代節點的全部內部內容。它很簡單，但由於瀏覽器 HTML 解析可能會對效能產生影響。

範例：

const myNode = document.getElementById("foo");
myNode.innerHTML = '';

選項2：子節點集合
存取子節點集合節點並將其設為空array:

myNode.childNodes.length = 0;

選項3：刪除子元素(jQuery)
對於 jQuery 用戶，以下程式碼片段可有效刪除子元素：

$('#foo').empty();

以上是如何在 JavaScript 中刪除 DOM 節點的所有子元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！