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
Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit April 2024 browserübergreifend verfügbar.

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