js中innerHTML和createElement的效率比较

结合js中字符串不可变的特性

单次执行innerHTML和createElement时效率差不多

如果重复执行,因为innerHTML=字符串,需要多次开辟空间存储字符串,所以createElement效率更高.

但是,如果是采用的数组形式存储字符串,那么就不存在每次开辟内存空间存储字符串的情况,

for (var i=0;i<100;i++) {

　　innerHTML+='<a href="javscript:;">首页</a>'

 

}

 

 

var arr = [ ]

for (var i=0;i<100;i++) {

　　arr.push('<a href="javscript:;">首页</a>')

}

var ihtml = arr.join('')

innerHTML= ihtml