Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

ShadowRoot: clonable-Eigenschaft

Baseline 2024
Neu verfügbar

Seit April 2024 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.

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

Spezifikation
DOM
# dom-shadowroot-clonable

Browser-Kompatibilität