ShadowRoot.host

hostShadowRoot の読み取り専用プロパティで、 ShadowRoot が取り付けられている DOM 要素の参照を返します。

構文

js

const someElement = shadowRoot.host

DOM の Element です。

js

let customElem = document.querySelector('my-shadow-dom-element');
let shadow = customElem.shadowRoot;

  ...

// 後で、元のホスト要素を返す
let hostElem = shadow.host;

仕様書

Specification
DOM Standard
# dom-shadowroot-host

ブラウザーの互換性

BCD tables only load in the browser