dom_dom0300_006

次のコードで、innerHTMLを使った場合に取得される値はどれか。

[ html ]

<p id="sample">This is <b>bold</b></p>
  1. “This is bold”
  2. “This is <b>bold</b>”
  3. <p id=”sample”>This is <b>bold</b></p>
  4. [“This”, “bold”]
正解
  1. “This is <b>bold</b>”
解説

innerHTML は要素内のHTML構造を含む文字列を返すため、タグ <b> を含んだ文字列を取得できる。

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

[ javascript ]

let text = document.getElementById("sample").innerHTML;
console.log(text); // "This is <b>bold</b>"