文档碎片(fragment)

原始代码:

1 var list = document.getElementById("myList");
2 for (var i = 0; i < 10; i++) {
3     var item = document.createElement("li");
4     list.appendChild(item);
5     item.appendChild(document.createTextNode("Item" + i));
6 }

使用文档碎片(fragment)后的代码

1 var list = document.getElementById("myList");
2 var fragment = document.createDocumentFragment();
3 for (var i = 0; i < 10; i++) {
4     var item = document.createElement("li");
5     fragment.appendChild(item);
6     item.appendChild(document.createTextNode("Item" + i));
7 }
8 list.appendChild(fragment);
原文地址:https://www.cnblogs.com/qzsonline/p/2553779.html