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

为什么80%的码农都做不了架构师？>>>   

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

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

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

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

转载于:https://my.oschina.net/ffwcn/blog/465661