js如何插入10000个标签,如何性能更好的插入

引入createDocumentFragment()方法,它的作用是创建一个文档碎片,把要插入的新节点先附加在它上面,然后再一次性添加到document中。代码如下: 
代码如下:

 1 //先创建文档碎片
 2 
 3 var oFragmeng = document.createDocumentFragment(); 
 4 
 5 
 6 for(var i=0;i<10000;i++)
 7 
 8 { 
 9 
10     var op = document.createElement("em"); 
11 
12     var oText = document.createTextNode(i); 
13 
14     op.appendChild(oText); 
15 
16     //先附加在文档碎片中
17 
18     oFragmeng.appendChild(op);  
19 
20 } 
21 
22 
23 //最后一次性添加到document中
24 
25 document.body.appendChild(oFragmeng);
原文地址:https://www.cnblogs.com/chailuG/p/12420746.html