次のコードの正しい動作はどれですか?
[ javascript ]
const p = document.getElementById("text");
p.innerHTML = "<b>太字</b>";
- p要素に太字のテキスト「太字」が挿入される
- p要素に<b>太字</b>という文字列がそのまま表示される
- p要素が削除される
- エラーが発生する
正解
- p要素に太字のテキスト「太字」が挿入される
解説
innerHTMLは文字列をHTMLとして解析し要素に挿入します。そのため<b>タグは太字として解釈されます。
使用例(サンプルコード)
[ javascript ]
p.innerHTML = "<i>斜体のテキスト</i>";