JavaScript AppendChild 引发的思考

昨天让同事用js搞了个浮动图片功能,这样就每次把些图片直接贴过来了，节省了篇长。但是看到代码中AppendChild,感觉以前和js同事交流过AppendChild和innerHtml性能方面的话题,嗯，找了下一些我的js收集册(也就是OneNote啦),呵呵
其实是这样的，下面进入AppendChild和innerHtml的性能随语:
直接看代码，就可以了。

innerHTML:
JavaScript AppendChild 引发的思考

<body>

</body>

var starttime = new Date();
>

其实以上例子还可以在改进一下，因为拼接字符串，重新解析html方面的消耗，所以速度就下来。

innerHTML:
JavaScript AppendChild 引发的思考

<body>

</body>

var starttime = new Date();
JavaScript AppendChild 引发的思考

var html = []
>

事实上，当不同情况下，速度之比是不同的，

如：当一次性加载大量且复杂的网页元素时，用innerHTML比appendChild()速度要快的

而当每次只加载几个网页元素，并且要频繁加载时，此时appendChild()比innerHTML就快了。Clear

最后附上浮动图片的代码: