引入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);