首页 > Web开发 > 详细

js创建元素

时间:2016-08-25 21:07:43      阅读:496      评论:0      收藏:0      [点我收藏+]

js创建多条数据,插入到页面中的方法。

方法一:

技术分享

执行时间大概在35ms左右。

这个就属于使用字符串拼接之后,再一次性的插入到页面中。缺点是,容易导致事件难以绑定。 

 

方法二:

技术分享

执行时间不定,最少的在80ms左右,做多的达到了180ms左右。

这个方法是创建文档碎片保存需要插入的节点,然后一次性插入到页面中。

 

方法三:

技术分享

执行时间基本维持在80ms左右。

这个方法就是每次创建节点之后,就立即插入到页面中,会频繁导致页面的reflow和repaint。不建议使用该方法进行DOM读写。

 

使用jquery创建文档碎片的时候,方法类似于js创建,需要将jquery对象转为DOM对象,再进行操做。

技术分享

居然需要300多毫秒。

 

js创建元素

原文:http://www.cnblogs.com/zhuhuoxingguang/p/5808274.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!