一旦把节点添加到文档中,页面就会更新并反映出这个变化。对于少量更新,这没有什么关系,但要向文档添加大量数据时,效率就太低了,为解决这个问题,可以创建一个文档碎片,把所有的新节点附加其上,然后一次性将文档碎片添加到文档中。
我们比较两种实现方法:
第一种不用文档碎片:
var texts = ["aaaaa","bbbbb","ccccc","ddddd","eeeee","fffff","ggggg","hhhhh","iiiii","jjjjj","kkkkk"]
for(var i = 0; i < texts.length; i++)
{
var pnode = document.createElement("p");
var textnode = document.createTextNode(texts[i]);
pnode.appendChild(textnode);
document.body.appendChild(pnode);
}
第二种使用文档碎片:
var texts = ["aaaaa","bbbbb","ccccc","ddddd","eeeee","fffff","ggggg","hhhhh","iiiii","jjjjj","kkkkk"]
var frag = document.createDocumentFragment();
for(var i = 0; i < texts.length; i++)
{
var pnode = document.createElement("p");
var textnode = document.createTextNode(texts[i]);
pnode.appendChild(textnode);
frag.appendChild(pnode);
}
document.body.appendChild(frag);
把地址用手机拍下来,方便随时查看!
———— 马上加微信联系:15823808970 张老师 ————
沙坪坝校区:
报名联系人:张老师
联系电话:15823808970 023-65316279
联系QQ:869488371
联系地址:重庆市沙坪坝三峡广场广电大厦四楼(王府井旁边)
南坪校区:
报名联系人:张老师
联系电话:17723551922 023-62530792
联系QQ:332334275
联系地址:南坪万达广场2号写字楼6楼11号(南坪轻轨站2号出口右侧)
江北校区:
报名联系人:陈老师
联系电话:18983942570 023-63874645
联系QQ:255678862
联系地址:江北观音桥拓展大厦18楼(新世纪百货后面)
杨家坪校区:
报名联系人:高老师
联系电话:18983940174 023-68612501
联系QQ:1840862932
联系地址:杨家坪轻轨站旁聚彩阁10-4(九龙坡人民医院A区大门正对面)