我是靠谱客的博主 飞快汽车,最近开发中收集的这篇文章主要介绍html给li加链接,怎么通过javascript动态给

概述

如果段落过多,直接使用 div.appendChild方法会不段刷新DIV对象,影响运行速度。

正确的方法应该使用 document对象的碎片方法。

document.createDocumentFragment 容器,最后再将这些碎片返回给DIV对象比较合理,例如:

var strArrayList=[]; // 创建一个段落文本数组对象,这些段落文本可能是100个也可能是1000个。

strArrayList[0]='数据111.......';

strArrayList[1]='数据.......';

strArrayList[2]='数据.......';

strArrayList[3]='数据.......';

strArrayList[4]='数据.......';

//...数据n.....

var div=document.getElementById('div1'); //获得DIV对象。

var f=document.createDocumentFragment(); //创建碎片对象。

for(var i=0;i

var p=document.createElement('P'); //动态创建P标签。

p.appendChild(document.createTextNode(strArrayList[i]));//段落字符串。

f.appendChild(p); //附加到碎片对象中。

}

div.appendChild(f);//最后返给DIV对象。

最后

以上就是飞快汽车为你收集整理的html给li加链接,怎么通过javascript动态给

点赞(45)

评论列表共有 0 条评论

立即
投稿
返回
顶部