例
最初のテキストコンテンツを取得<button>ドキュメント内の要素を：
var x =
document.getElementsByTagName("BUTTON")[0].textContent;xの結果は次のようになります。
Try it Yourself »
»それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
TextContentプロパティセットまたは指定されたノードのテキストコンテンツを返し、 そのすべての子孫 。
あなたがのTextContentプロパティを設定した場合、任意の子ノードを削除し、指定された文字列を含む単一のTextノードに置き換えられます。
ヒント：時には、このプロパティが代わりに使用することができますのnodeValueのプロパティが、このプロパティは、同様のすべての子ノードのテキストを返すことに注意してください。
ヒント：設定または要素のHTMLコンテンツを返すためには、使用のinnerHTMLのプロパティを。
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| textContent | 1.0 | 9.0 | はい | はい | はい |
構文
ノードのテキストコンテンツを返します：
node .textContentノードのテキストコンテンツを設定します。
node .textContent= text プロパティ値
| 値 | タイプ | 説明 |
|---|---|---|
| テキスト | 弦 | 指定されたノードのテキストコンテンツを指定します。 |
技術的な詳細
| 戻り値： | ノードのテキストとそのすべての子孫を表す文字列、 |
|---|---|
| DOMバージョン | コアレベル3ノードオブジェクト |
その他の例
例
テキスト内容の変更<p>のid =「MYP」を持つ要素を：
document.getElementById("demo").textContent = "Paragraph changed!"; »それを自分で試してみてください 例
すべてのテキストコンテンツを取得<ul>のid =「はmyList」を持つ要素を：
var x = document.getElementById("myList").textContent;xの値は次のようになります。
Coffee Tea »それを自分で試してみてください 例
この例では、のTextContentとinnerHTMLプロパティの違いを示しています。
function getText() {
var x =
document.getElementById("myList").textContent;
document.getElementById("demo").innerHTML = x;
}
function
getHTML() {
var x =
document.getElementById("myList").innerHTML;
document.getElementById("demo").innerHTML = x;
} »それを自分で試してみてください