dom_dom0400_008

次のコードの正しい動作はどれですか?

[ javascript ]

const p = document.getElementById("text");
p.innerHTML = "<b>太字</b>";
  1. p要素に太字のテキスト「太字」が挿入される
  2. p要素に<b>太字</b>という文字列がそのまま表示される
  3. p要素が削除される
  4. エラーが発生する
正解
  1. p要素に太字のテキスト「太字」が挿入される
解説

innerHTMLは文字列をHTMLとして解析し要素に挿入します。そのため<b>タグは太字として解釈されます。

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

[ javascript ]

p.innerHTML = "<i>斜体のテキスト</i>";