ShadowRoot: clonable-Eigenschaft

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

Wenn der Wert true ist, wird ein Shadow-Host, der mit Node.cloneNode() oder Document.importNode() geklont wurde, eine Kopie des Shadow-Roots enthalten.

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

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

shadowRoot.clonable;
// true