JS之三种动态创建元素的区别

1.document.write( )

2.element.innerHTML

3.document.createElement(' ')

区别：

　1、document.write是直接将内容写入页面的内容流，但是文档流执行完毕，则它会导致页面全部重绘

　2、innerHTML是将内容写入某个DOM节点，不会导致页面全部重绘

　3、innerHTML创建多个元素效率更高（不要拼接字符串，采取数组形式拼接），结构稍微复杂

　4、createElement()创建多个元素效率稍低一点点，但是结构更清晰

总结：不同浏览器下，innerHTML比createElement效率更高