textContentプロパティ
textContentプロパティは、要素のテキストを取得および変更することを可能にします。
構文
要素.textContent;
例
要素のテキストを出力してみましょう:
<p id="elem">テキスト</p>
let elem = document.querySelector('#elem');
console.log(elem.textContent);
コードの実行結果:
'テキスト'
例
要素のテキストを変更してみましょう:
<p id="elem">テキスト</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
コードの実行結果:
<p id="elem">!!!</p>
例
要素のテキストにタグが含まれている場合、 プロパティを読み取る際にこれらのタグは出力されません:
<p id="elem"><b>テキスト</b></p>
let elem = document.querySelector('#elem');
console.log(elem.textContent);
コードの実行結果:
'テキスト'
