このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
ShadowRoot: host プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年1月以降、すべてのブラウザーで利用可能です。
host は ShadowRoot の読み取り専用プロパティで、 ShadowRoot が装着されている DOM 要素の参照を返します。
値
DOM の Element です。
例
js
let customElem = document.querySelector("my-shadow-dom-element");
let shadow = customElem.shadowRoot;
// ...
// 後で、元のホスト要素を返す
let hostElem = shadow.host;
仕様書
| 仕様書 |
|---|
| DOM # dom-shadowroot-host |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。
関連情報
- HTML の
partおよびexportparts属性 - HTML の
<template>および<slot>要素 - CSS の
:host,:host(),:host-context()擬似クラス - CSS の
::partおよび::slotted擬似クラス