textContentプロパティ

textContentプロパティは、要素のテキストを取得および変更することを可能にします。

構文

javascript要素.textContent;

例

要素のテキストを出力してみましょう:

html<p id="elem">テキスト</p>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

コードの実行結果:

javascript'テキスト'

例

要素のテキストを変更してみましょう:

html<p id="elem">テキスト</p>

javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

コードの実行結果:

html<p id="elem">!!!</p>

例

要素のテキストにタグが含まれている場合、 プロパティを読み取る際にこれらのタグは出力されません:

html<p id="elem"><b>テキスト</b></p>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

コードの実行結果:

javascript'テキスト'

関連項目