dom_dom0300_005

次のコードで、div要素内の「Hello World!」というテキストを取得する正しいプロパティはどれか。

[ html ]

<div id="msg">Hello <span>World!</span></div>
  1. innerHTML
  2. textContent
  3. innerText
  4. すべて可能
正解
  1. すべて可能
解説

innerHTML → HTML構造を含む文字列を返す。textContent → テキスト全体を返す（改行含む場合あり）。innerText → 実際に表示されるテキストを返す。
それぞれの違いはあるが、いずれも「Hello World!」を含むテキストを取得できる。

使用例（サンプルコード）

[ javascript ]

let msg = document.getElementById("msg");
console.log(msg.innerHTML);   // "Hello <span>World!</span>"
console.log(msg.textContent); // "Hello World!"
console.log(msg.innerText);   // "Hello World!"