congxine笔记
ONLINE
返回科普
KNOWLEDGE / NOTE

DOM 不是字符串

MDN · 站内原创整理

DOM 是浏览器维护的文档对象树,更新页面时应关注节点关系、事件和重排成本。

核心说明

DOM 是浏览器根据 HTML 创建的对象树。脚本通过查询、创建、插入和删除节点改变页面,频繁读写布局属性可能触发额外的布局计算。

关键点

  • 优先使用语义 HTML,脚本只负责补充交互,而不是完全用 JS 拼出页面。
  • 批量修改前可以先在内存中构造节点,再一次插入文档。
  • 需要重复渲染的列表应考虑事件委托和稳定的节点结构。