游客

标题:[优化]innerHTML和appendChild哪个性能更高
正文:
var html = '<div>dom</div>', body.innerHTML=html; 和 var div = document.createElement('div'), txt = document.createTextNode('dom'); div.appendChild(txt); 哪种方式好？关于代码的优化，有时候要针对不同的浏览器。 上边innerHTML和appendChild哪个好呢？在ie下，appendChild略胜于innerHTML。 在chrome等webkit核的浏览器下， innerHTML优胜于appendChild。下边我们来用在线测试来说明一下：（JS性能测试工具推荐：jsperf）IE下的测试：Chrome下的测试：测试结果：ie下两者相差0.004s，可以忽略不计。chrome下两者相差0.868s。 innerHTML 完胜 appendChild/createElement总结：尽量少用createElement/apprendChild 这都是ie的东东。我想自己测试一下，请猛击：http://jsperf.com/createelement-vs-innerhtml
[<<][[1]][>>]

查看评论(0)
发表评论



首页