JavaScript/DOM/DocumentFragmentを使って一括でDOMに要素を追加するの変更点

追加された行はこの色です。
削除された行はこの色です。
JavaScript/DOM/DocumentFragmentを使って一括でDOMに要素を追加するへ行く。
JavaScript/DOM/DocumentFragmentを使って一括でDOMに要素を追加するの差分を削除

* DocumentFragmentを使って一括でDOMに要素を追加する [#vff0f1ff]

 var list = document.getElementById("list");
 var fragment = document.createDocumentFragment();
 for (var i = 0; i < 10; i++) {
     var item = document.createElement("li");
     item.innerHTML = "NO." + (i + 1);
     fragment.appendChild(item);
 }
 list.appendChild(fragment);