---
title: ShadowRoot.innerHTML
slug: Web/API/ShadowRoot/innerHTML
tags:
  - API
  - Property
  - Reference
  - ShadowRoot
  - innerHTML
  - shadow dom
  - プロパティ
translation_of: Web/API/ShadowRoot/innerHTML
---
<div>{{APIRef("Shadow DOM")}}</div>

<p><strong><code>innerHTML</code></strong> は {{domxref("ShadowRoot")}} インターフェイスのプロパティで、 <code>ShadowRoot</code> の内部の DOM ツリーに対する参照を設定したり返したりします。</p>

<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>

<h3 id="Value" name="Value">値</h3>

<p>{{domxref("DOMString")}} です。</p>

<h2 id="Examples" name="Examples">例</h2>

<pre class="brush: js">let customElem = document.querySelector('my-shadow-dom-element');
let shadow = customElem.shadowRoot;

shadow.innerHTML = '&lt;strong&gt;This element should be more important!&lt;/strong&gt;';</pre>

<h2 id="Specifications" name="Specifications">仕様書</h2>

<p>このプロパティはまだどの仕様書でも定義されていません。定義には <a href="https://github.com/w3c/DOM-Parsing/issues/21">この仕様書の問題</a>を参照してください。</p>

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>

<p>{{Compat("api.ShadowRoot.innerHTML")}}</p>