元素 节点

适用范围:

1. 横向比较:

  1. 创建元素再插入到标签中
    1. 前提是使用数组拼接成字符串, 然后再插入
  2. 比较容易出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()