DOM结构及优化

时间:2024-12-10 16:03:44

1.DOM树中三种常见的DOM节点:

DOM结构及优化

1>元素节点:上图中<a>,<h1>等都是元素节点,即标签

2>文本节点:向用户展示的内容,如...中的"文档标题"文本

3>属性节点:元素的属性,如a标签的链接地址属性 href

4>通过getElementById和document.body等方法获取元素就是获取元素节点的

2. DOM结构优化

  • 减少DOM访问次数
  • 多次访问同一DOM,应该用局部变量缓存该DOM
  • 尽可能使用querySelector,而不是使用获取HTML集合的API
  • 注意回流和重绘
  • 使用事件委托,减少绑定事件的数量