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

原创
2015/06/11 16:54
阅读数 1.3K

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

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

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

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

展开阅读全文
打赏
0
4 收藏
分享
加载中
嗯……不过append适合循环添加,经常在ajax成功后追加内容用append。html就不好使了
2015/12/23 15:10
回复
举报
说的挺好,大赞
2015/06/11 18:04
回复
举报
更多评论
打赏
2 评论
4 收藏
0
分享
返回顶部
顶部