ShadowRoot: clonable-Eigenschaft

Baseline 2024
Newly available

Since April 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

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.

Wert

true, wenn das Shadow-Root klonbar ist, und false, andernfalls.

Beispiele

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

shadowRoot.clonable;
// true

Spezifikationen

Specification
DOM
# dom-shadowroot-clonable

Browser-Kompatibilität