首页 > 其他分享 >js中innerHTML和createElement的效率比较

js中innerHTML和createElement的效率比较

时间:2022-11-17 18:44:14浏览次数:48  
标签:arr innerHTML js 字符串 var 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

 

标签:arr,innerHTML,js,字符串,var,createElement
From: https://www.cnblogs.com/ericyjchung/p/16900439.html

相关文章