dom_dom0300_004

要素のユーザに見えるテキストだけを取得するには ( A )、DOM内の全テキスト(非表示やscript/style除く)を取得するには ( B ) を使う。

解答

A: innerText
B: textContent

解説

innerTextはレイアウト計算後の表示テキストに近い値で、CSSの表示状態に影響される。textContentはDOMノードの生テキストを高速に取得する。

使用例(サンプルコード)

[ html ]

<p id="p"><span style="display:none">X</span>Y</p>
<script>
  const p = document.getElementById('p');
  console.log(p.innerText);   // (A) "Y"
  console.log(p.textContent); // (B) "XY"
</script>