HTML DOM innerText 属性

HTML DOM Element オブジェクト

innerText属性は、指定されたノードのテキスト内容を設定または返却します。

innerText属性は、HTMLドキュメントに動的なテキストを書き込むために使用できます。ここでは、テキストはHTMLテキストとして解釈されず、通常のテキストとして扱われます。

innerText属性が設定された場合、すべての子ノードは削除され、指定された文字列を含む単一のテキストノードで置き換わります。

この属性は以下に似ています：textContent属性、ただしtextContentはすべての要素のテキスト内容を返却し、innerTextは<script>と<style>要素を除くすべての要素の内容を返却します。

要素のHTML内容を設定または返却するには、この属性を使用してください。innerHTML属性。

構文：

テキスト内容の返却：

HTMLElement.innerText

テキスト内容の設定：

HTMLElement.innerText = text

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

ブラウザの互換性

このテーブルの数字は、innerText属性を完全にサポートする最初のブラウザバージョンを指定しています：

属性値

技術的詳細

さらに多くの例

この例では、innerText、innerHTML、textContentの違いを示しています：

<p　id="x">この要素には追加のスペースがあり、<span>span</span>要素を含んでいます</span>.</p>
<script>
function　getInnerText()　{
alert(document.getElementById("x").innerText);
}
function　getInnerHTML()　{
alert(document.getElementById("x").innerHTML);
}
function　getTextContent()　{
alert(document.getElementById("x").textContent);
}
</script>

innerText属性は、スペースとインライン要素タグを含まないテキストのみを返します。

innerHTML属性は、スペースとインライン要素タグを含むテキストを返します。

textContent属性は、インライン要素タグを含まないスペースを持つテキストを返します。

関連リファレンス

HTML DOM リファレンス：HTML DOM innerHTML属性

HTML DOM リファレンス：HTML DOM textContent属性

HTML DOM Element オブジェクト