ShadowRoot: host プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

host は ShadowRoot の読み取り専用プロパティで、 ShadowRoot が装着されている DOM 要素の参照を返します。

値

DOM の Element です。

例

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

// ...

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

仕様書

Specification
DOM
# dom-shadowroot-host

ブラウザーの互換性

BCD tables only load in the browser

関連情報