DOM-节点操作中三种创建元素的区别

猪咪敲代码

已于 2022-06-02 19:48:09 修改

阅读量121

点赞数

分类专栏： DOM 文章标签： javascript 前端开发语言

于 2022-06-01 20:46:41 首次发布

本文链接：https://blog.csdn.net/qq_57244888/article/details/125090050

版权

7 篇文章 0 订阅

订阅专栏

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

一、三种创建元素？

document.write()
element.innerHTML
document.createElement()

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