ElementInternals: свойство shadowRoot

Свойство shadowRoot только для чтения интерфейса ElementInternals возвращает ShadowRoot для этого элемента.

A ShadowRoot если у элемента есть корень тени, в противном случае null.

Следующий пример выводит значение shadowRoot в консоль сразу после вызова HTMLElement.attachInternals(). В этот момент значение null. После вызова Element.attachShadow() у элемента есть корень тени, и shadowRoot возвращает объект, его представляющий.

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