三种动态创建元素及其区别

三种动态创建元素及其区别

• document.write( )
• element.innerHTMML
• document.createElement( )

区别：

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

总结：

不同浏览器下，innerHTMML 效率要比 createElement 高