文件:replaceChildren() 方法

Baseline 已廣泛支援

此功能已得到充分驗證,並且可在多種裝置和瀏覽器版本上使用。自 ⁨2020 年 10 月⁩ 起,所有瀏覽器均已支援此功能。

Document.replaceChildren() 方法會將 Document 的現有子元素替換為指定的新的子元素集合。

語法

js
replaceChildren(param1)
replaceChildren(param1, param2)
replaceChildren(param1, param2, /* …, */ paramN)

引數

param1, …, paramN

用於替換 Document 現有子元素的 Node 物件或字串集合。如果未指定替換物件,則 Document 將被清空所有子節點。

返回值

無(undefined)。

異常

HierarchyRequestError DOMException

如果違反了 節點樹的約束,則會丟擲異常。

示例

清空文件

replaceChildren() 提供了一種非常方便的機制來清空文件的所有子元素。只需在文件物件上呼叫該方法,而不提供任何引數即可實現。

js
document.replaceChildren();
document.children; // HTMLCollection []

規範

規範
DOM
# ref-for-dom-parentnode-replacechildren①

瀏覽器相容性

另見