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

Patricia Arquette

發布： 2024-12-11 19:39:15

原創

211 人瀏覽過

How Can I Remove All Child Elements from a DOM Node in JavaScript?

在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中文網其他相關文章！

來源：php.cn

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章