ElementInternals: shadowRoot-Eigenschaft

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