大量のHTMLを一度に挿入する際に効率的な方法はどれですか?
- createElementを使って逐次追加する
- innerHTMLでまとめて挿入する
- appendChildで一つずつ挿入する
- removeで不要な要素を削除する
正解
- innerHTMLでまとめて挿入する
解説
innerHTMLを使えば文字列でまとめてHTMLを挿入でき、逐次DOM操作するより効率的です。ただし、セキュリティ(XSS)には注意が必要です。
使用例(サンプルコード)
[ javascript ]
document.body.innerHTML += "<div>Item 1</div><div>Item 2</div>";