ElementInternals: shadowRoot-Eigenschaft

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

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
  }
}