ShadowRoot: clonable 屬性

Baseline 2024
新推出

自 ⁨2024 年 4 月⁩ 起,此功能可在最新的裝置和瀏覽器版本中執行。此功能可能不適用於較舊的裝置或瀏覽器。

clonableShadowRoot 介面的一個只讀屬性,如果影子根是可克隆的,則返回 true,否則返回 false

當值為 true 時,使用 Node.cloneNode()Document.importNode() 克隆的影子宿主將包含影子根的副本。

預設情況下,該值為 false。可以透過 Element.attachShadow() 方法的 clonable 選項將其設定為 true,或者透過設定用於宣告式附加影子根的 <template> 元素的 shadowrootclonable 屬性將其設定為 true

如果影子根是可克隆的,則為 true,否則為 false

示例

js
const host = document.createElement("div");
const shadowRoot = host.attachShadow({
  mode: "open",
  clonable: true,
});

shadowRoot.clonable;
// true

規範

規範
DOM
# dom-shadowroot-clonable

瀏覽器相容性