DOM（Document Object Model）

DOM是JavaScript操作网页的接口，作用是将网页转为一个JavaScript对象，从而对这个对象的操作就转变成了对网页的操作。

节点（Node）

Node是DOM的最小组成单位，DOM树由各种不同的节点组成。

  • Document：整个文档树的顶层节点
  • DocumentType：doctype标签（比如!DOCTYPE html）
  • Element：网页的各种HTML标签（比如body、a等）
  • Attr：网页元素的属性（比如class="right"）
  • Text：标签之间或标签包含的文本
  • Comment：注释
  • DocumentFragment：文档的片段

节点树（DOM tree）

一个文档的所有节点按照层级关系就像一棵树，这种树形结构就成为DOM树。
除了根节点，其他节点有下列三种关系

  • 父节点
  • 子节点
  • 兄弟节点

DOM提供操作接口来获取节点之间的关系。