JS中三种创建元素方式区别

面试可能会考到！

1. document.write()

直接将内容写进页面的内容流
文档流执行完毕，会导致页面全部重绘

document.write('<div>123</123>');

2. innerHTML

element.innerHTML='<a href=""> </a>'

3.document.createElement()

innerHTML和create添加少数的标签差别不大 添加大量的标签
create的效率低一点 但是结构更加清晰
innerHTML将内容写入某个dom节点，结构稍微复杂

改进方法2 用数组方法

var arr = [];

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

arr.push('<a href=""> </a>');

}

element.innerHTML=arr.join(' ');

//join是把数组里的内容转化为字符串