diff options
| author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-01-18 20:43:28 +0900 |
|---|---|---|
| committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-01-26 08:55:52 +0900 |
| commit | 1a9ba5fd5c9e1c06f92ee51005bf9dd952862fea (patch) | |
| tree | 6a22781e6ffc1b5a1cf7dc4bdc5cd9bb18d52f0e | |
| parent | 3dce5ff794e665ee61d7c272d432d3a93a5e7c7f (diff) | |
| download | translated-content-1a9ba5fd5c9e1c06f92ee51005bf9dd952862fea.tar.gz translated-content-1a9ba5fd5c9e1c06f92ee51005bf9dd952862fea.tar.bz2 translated-content-1a9ba5fd5c9e1c06f92ee51005bf9dd952862fea.zip | |
2021/09/15 時点の英語版に同期
| -rw-r--r-- | files/ja/web/api/shadowroot/innerhtml/index.md | 41 |
1 files changed, 22 insertions, 19 deletions
diff --git a/files/ja/web/api/shadowroot/innerhtml/index.md b/files/ja/web/api/shadowroot/innerhtml/index.md index cfef90e933..30fb33afad 100644 --- a/files/ja/web/api/shadowroot/innerhtml/index.md +++ b/files/ja/web/api/shadowroot/innerhtml/index.md @@ -3,39 +3,42 @@ title: ShadowRoot.innerHTML slug: Web/API/ShadowRoot/innerHTML tags: - API - - Property - - Reference + - プロパティ + - リファレンス - ShadowRoot - innerHTML - - shadow dom - - プロパティ + - シャドウ DOM +browser-compat: api.ShadowRoot.innerHTML translation_of: Web/API/ShadowRoot/innerHTML --- -<div>{{APIRef("Shadow DOM")}}</div> +{{APIRef("Shadow DOM")}} -<p><strong><code>innerHTML</code></strong> は {{domxref("ShadowRoot")}} インターフェイスのプロパティで、 <code>ShadowRoot</code> の内部の DOM ツリーに対する参照を設定したり返したりします。</p> +**`innerHTML`** は {{domxref("ShadowRoot")}} インターフェイスのプロパティで、 `ShadowRoot` の内部の DOM ツリーに対する参照を設定したり返したりします。 -<h2 id="Syntax" name="Syntax">構文</h2> +## 構文 -<pre class="syntaxbox">var <em>domString</em> = <em>shadowRoot</em>.innerHTML -<em>shadowRoot</em>.innerHTML = <em>domString</em> -</pre> +```js +var domString = shadowRoot.innerHTML +shadowRoot.innerHTML = domString +``` -<h3 id="Value" name="Value">値</h3> +### 値 -<p>{{domxref("DOMString")}} です。</p> +{{domxref("DOMString")}} です。 -<h2 id="Examples" name="Examples">例</h2> +## 例 -<pre class="brush: js">let customElem = document.querySelector('my-shadow-dom-element'); +```js +let customElem = document.querySelector('my-shadow-dom-element'); let shadow = customElem.shadowRoot; -shadow.innerHTML = '<strong>This element should be more important!</strong>';</pre> +shadow.innerHTML = '<strong>This element should be more important!</strong>'; +``` -<h2 id="Specifications" name="Specifications">仕様書</h2> +## 仕様書 -<p>このプロパティはまだどの仕様書でも定義されていません。定義には <a href="https://github.com/w3c/DOM-Parsing/issues/21">この仕様書の問題</a>を参照してください。</p> +{{Specifications}} -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> +## ブラウザーの互換性 -<p>{{Compat("api.ShadowRoot.innerHTML")}}</p> +{{Compat}} |