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