[TOC] # 5.8三种动态创建元素区别 ●document.write () ●element.innerHTM （数组拼接 效率更高） ●document.createElement () ## 区别 1. document . write是直接将内容写入页面的内容流,但是文档流执行完毕,则它会导致页面全部重绘 2. innerHTML 是将内容写入某个DOM节点,不会导致页面全部重绘 3. innerHTML 创建多个元素效率更高(**不要拼接字符串,采取数组形式拼接**),结构稍微复杂 4. createElement() 创建多个元素效率稍低一点点 ,但是**结构更清晰** ## 总结: 不同浏览器下,**innerHTML效率要比creatElement 高** # element.innerHTM 生成方式  # document.createElement () 生成方式