码迷,mamicode.com
首页 > Web开发 > 详细

innerHTML对比DOM方法,哪个性能好?有什么区别?

时间:2015-06-11 19:40:44      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:

innerHTML对比DOM方法,哪个性能好?有什么区别?是个老生常谈的问题!跟浏览器版本与发展有关!

  • innerHTML是w3c制定的行业标准,几乎所有浏览器都做了支持;
  • 作为原生支持,innerHTML在各主流浏览器下的执行效率是很高的;
  • 但是他有他的缺陷,特别是在ie低版本浏览器下,不支持html5、还有一些其他的标签属性。

直接测试的话,速度明显innerHTML比DOM方法要快很多(包括撸代码的速度),但是有说在webkit内核的浏览器中DOM方法比innerHTML要快。

平时采用jquery框架,对比了html()和append相应的源码,并做了测试,发现在火狐和ie6下,都是html速度快于append。因此建议使用html,当然,涉及事件绑定的话,就没那么方便了。

innerHTML对比DOM方法,哪个性能好?有什么区别?

标签:

原文地址:http://my.oschina.net/ffwcn/blog/465661

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!