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

浏览器兼容性