HTML DOM innerHTML 属性

HTML DOM Element オブジェクト

innerHTMLの属性は要素のHTML内容を設定または返却します。

注意：div、span、<noembed>要素の子テキストノードが文字（＆）、（<）、または（>）を含む場合、innerHTMLはこれらの文字をHTMLエンティティ「＆amp;」、「＆lt;」、「＆gt;」として処理します。使用textContent属性はこれらのテキストノードの内容のオリジナルコピーを取得します。

文法：

innerHTML属性の返却：

element.innerHTML

innerHTML属性の設定：

element.innerHTML = text

document.getElementById("para").innerHTML = "Hello world";

ブラウザの互換性

すべてのブラウザでinnerHTML属性が完全にサポートされています：

属性値

技術的詳細

さらに多くの例

id="para"を使用して<p>要素のHTML内容を取得します：

var x = document.getElementById("para").innerHTML;

ドキュメントのbody属性の内容をクリアすることで、ドキュメントのすべての内容を空にすることができます：

document.body.innerHTML = "";

関連参考

HTML DOM 参考：HTML DOM textContent属性

HTML DOM Element オブジェクト