ShadowRoot: host プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年1月以降、すべてのブラウザーで利用可能です。

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

値

DOM の Element です。

例

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

// ...

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

仕様書

仕様書
DOM # dom-shadowroot-host

ブラウザーの互換性

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって 2025年4月12日に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告

ShadowRoot: host プロパティ

値

例

仕様書

ブラウザーの互換性

関連情報

MDN の改良に協力