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

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