js三种动态创建元素的区别

js三种动态创建元素的区别

document.write()
element.innerHTML
document.createElement()

区别：
1、document.write是直接将内容写入页面的内容流，但是文档流执行完毕，则它会导致页面全部重绘。
2、innerHTML是将内容写入某个DOM节点，不会导致页面全部重绘。
3、innerHTML创建多个元素效率更高（不要拼接字符串，采取数组形式拼接），结构稍微复杂。
4、createElement()创建多个元素效率稍微低一点，但是结构更清晰。

总结:
不同浏览器下 innerHTML效率要比createElement高。