文档碎片(fragment)

mac2022-06-30  25

原始代码:

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/archive/2012/06/18/2553779.html

最新回复(0)