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

亡梦爱人 提交于 2020-03-02 08:03:21

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

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

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

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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!