适用范围:
1. 横向比较:
- 比创建元素再插入到标签中快
- 前提是使用数组拼接成字符串, 然后再插入
- 比较容易出bug
梗概:
html中父标签的子标签都以字符串形式被夹在父标签的头和尾中 故使用innerHTML可以获取/修改子标签
推荐方法:
1. 举例说明:
var arr = [];
for (var i=0;i<100;++i){
arr.push('<div>cao</div>');
}
父元素.innerHTML= arr.join('');//将数组元素按指定分隔符拼接成一个字符串这样效率非常高
不推荐方法:
1. 举例说明:
for(var i=0;i<100;++i){
父元素.innerHTML += '<div>艹</div>';
}这样innerHTML的效率优势就体现不出来, 还不如用createElement()