doucument.write()/element.innerHTML/document.createElement()三种动态创建元素的区别

mjjackey

关注

阅读 31

2023-06-03

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

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


精彩评论(0)

0 0 举报