三种页面元素写入方法的区别

三种页面元素写入方法的区别

三种方法分别为document.write()、element.innerHTML、document.createElement

• document.write()：如果在文档全部加载完成后使用此方法会改变文档内容，只剩下write中的内容。
• element.innerHTML：此方法不会产生改变原有文档流，但是如果使用字符串拼接动态批量生成元素时效率很低。可以使用数组的方法来提高效率。
• document.createElement：此方法生成元素的效率比innerHTML高，但是效率最高的还是innerHTML用拼接数组的方式下面给出伪代码

var array = []
for(var i=0;i<1000;i++){
array.push('div style="width=100px,height=2px;border:1px solid red"></div>');
}
document.body.innerHTML = array.join('');