ElementInternals: shadowRoot-Eigenschaft

Die schreibgeschützte Eigenschaft shadowRoot des ElementInternals-Interfaces gibt den ShadowRoot für dieses Element zurück.

Wert

Ein ShadowRoot, wenn das Element einen Shadow Root hat, andernfalls null.

Beispiele

Das folgende Beispiel gibt den Wert von shadowRoot in der Konsole aus, unmittelbar nachdem HTMLElement.attachInternals() aufgerufen wurde. Zu diesem Zeitpunkt ist der Wert null. Nach dem Aufrufen von Element.attachShadow() hat das Element einen Shadow Root, und shadowRoot gibt das Objekt zurück, das ihn repräsentiert.

class MyCustomElement extends HTMLElement {
 constructor() {
 super();
 this.internals_ = this.attachInternals();
 console.log(this.internals_.shadowRoot); // null
 this.attachShadow({ mode: "open" });
 console.log(this.internals_.shadowRoot); // a ShadowRoot object
 }
}

Spezifikationen

Browser-Kompatibilität