文档碎片(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);
posted @ 2012-06-18 16:51  小猩猩君  阅读(305)  评论(0)  编辑  收藏  举报