diff --git a/files/ja/web/api/shadowroot/host/index.md b/files/ja/web/api/shadowroot/host/index.md index b12a9737c66b44..156645cf3a3f4e 100644 --- a/files/ja/web/api/shadowroot/host/index.md +++ b/files/ja/web/api/shadowroot/host/index.md @@ -1,29 +1,26 @@ --- -title: ShadowRoot.host +title: "ShadowRoot: host プロパティ" +short-title: host slug: Web/API/ShadowRoot/host +l10n: + sourceCommit: 584e1d86cc4d770f43b32ec62613a4840d2821db --- {{APIRef("Shadow DOM")}} -**`host`** は {{domxref("ShadowRoot")}} の読み取り専用プロパティで、 `ShadowRoot` が取り付けられている DOM 要素の参照を返します。 +**`host`** は {{domxref("ShadowRoot")}} の読み取り専用プロパティで、 `ShadowRoot` が装着されている DOM 要素の参照を返します。 -## 構文 - -```js -const someElement = shadowRoot.host; -``` - -### 値 +## 値 DOM の {{domxref('Element')}} です。 ## 例 ```js -let customElem = document.querySelector('my-shadow-dom-element'); +let customElem = document.querySelector("my-shadow-dom-element"); let shadow = customElem.shadowRoot; - ... +// ... // 後で、元のホスト要素を返す let hostElem = shadow.host; @@ -36,3 +33,10 @@ let hostElem = shadow.host; ## ブラウザーの互換性 {{Compat}} + +## 関連情報 + +- HTML の [`part`](/ja/docs/Web/HTML/Global_attributes#part) および [`exportparts`](/ja/docs/Web/HTML/Global_attributes#exportparts) 属性 +- HTML の {{HTMLelement("template")}} および {{HTMLElement("slot")}} 要素 +- CSS の {{CSSXref(":host")}}, {{CSSXref(":host_function", ":host()")}}, {{CSSXref(":host-context", ":host-context()")}} 擬似クラス +- CSS の {{CSSXref("::part")}} および {{CSSXref("::slotted")}} 擬似クラス