三种动态创建元素的区别

1.document.write（）

直接将内容写入页面的内容流，但是文档流执行完毕，则它会导致页面全部重绘（又重新创建了一个新的页面）

2.element.innerHTML（）

是将内容写入某个 DOM节点，不会导致页面全部重绘
创建多个元素效率更高(不要拼接字符串，采取数组形式拼接)，结构稍微复杂

 

 

3.document.createElement（）

创建多个元紊效率稍低一点点，但是结构更清晰

 

总结:不同浏览器下，innerHTM效率要比 creatElement高