ShadowRoot:可克隆属性

clonableShadowRoot 接口的只读属性,如果影子根是可克隆的,则返回 true,否则返回 false

当值为 true 时,使用 Node.cloneNode()Document.importNode() 克隆的影子宿主将包含影子根的副本。

默认情况下,该值为 false。可以使用 Element.attachShadow() 方法的 clonable 选项或通过设置 shadowrootclonable 属性(用于声明性地附加影子根的 <template> 元素的属性)将其设置为 true

如果影子根是可克隆的,则为 true,否则为 false

示例

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

shadowRoot.clonable;
// true

规范

规范
DOM 标准
# dom-shadowroot-clonable

浏览器兼容性

BCD 表格仅在浏览器中加载