dom_dom0800_004

大量のHTMLを一度に挿入する際に効率的な方法はどれですか?

  1. createElementを使って逐次追加する
  2. innerHTMLでまとめて挿入する
  3. appendChildで一つずつ挿入する
  4. removeで不要な要素を削除する
正解
  1. innerHTMLでまとめて挿入する
解説

innerHTMLを使えば文字列でまとめてHTMLを挿入でき、逐次DOM操作するより効率的です。ただし、セキュリティ(XSS)には注意が必要です。

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

[ javascript ]

document.body.innerHTML += "<div>Item 1</div><div>Item 2</div>";