次のコードで、ユーザーがブラウザで見ている通りの表示テキストを取得したいときに適切なプロパティはどれか。
[ html ]
<p id="para">Hello <span style="display:none">hidden</span> World</p>
- innerHTML
- textContent
- innerText
- どれも不可
正解
- innerText
解説
innerText は実際にレンダリングされているテキストを返す。textContent では「Hello hidden World」と非表示要素も含まれてしまう。
使用例（サンプルコード）
[ javascript ]
let text = document.getElementById("para").innerText;
console.log(text); // "Hello World"