javascriptで一括で要素を追加する

Document.createDocumentFragment()

新しい空の DocumentFragment を作成し、そこに DOM ノードを追加して画面外の DOM ツリーを作成します。

var element = document.getElementById("ul"); // ul が存在することを仮定
var fragment = document.createDocumentFragment();
var browsers = ["Firefox", "Chrome", "Opera", "Safari", "Internet Explorer"];

browsers.forEach(function (browser) {
  var li = document.createElement("li");
  li.textContent = browser;
  fragment.appendChild(li);
});

element.appendChild(fragment);

出典

繰り返す要素を表示させたい

色々探したけどやっとこれに辿り着いた。
見つけたきっかけは下です。

あとはブラウザの検証やディベロッパーツールを使ってみて確認してみてください。

感想

検索技術の低さで時間が掛かった。
少しでも他の方が検索に引っ掛かるように投稿しました。