ShadowRoot: clonable-Eigenschaft

Die schreibgeschützte clonable-Eigenschaft der ShadowRoot-Schnittstelle gibt true zurück, wenn der Shadow-Root klonbar ist, und false andernfalls.

Wenn der Wert true ist, beinhaltet ein mit Node.cloneNode() oder Document.importNode() geklonter Shadow-Host eine Kopie des Shadow-Roots.

Standardmäßig ist der Wert false. Er kann auf true gesetzt werden, indem die Option clonable der Methode Element.attachShadow() verwendet oder das Attribut shadowrootclonable des <template>-Elements, das verwendet wird, um deklarativ einen Shadow-Root anzuhängen, gesetzt wird.

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

shadowRoot.clonable;
// true