DOM：文档对象模型（Document Object Model）
节点
节点的类型有7种：
Document：整个文档数的顶层节点DocementType：doctype标签（比如<!DOCTYPE html>）Element网页的个助攻 HTML 标签Attribute：网页元素的属性（比如class="right"）Text：标签之间的或标签包含的文本Comment：注释DocumentFragment：文档片段
节点树
一个文档的所有节点，按照所在的层级，可以抽象成一种树状结构。这种树状结构就是 DOM 树。它有一个顶层节点，下一层都是顶层节点的子节点，然后子节点又有自己的子节点，就这样层层衍生出一个金字塔结构，倒过来就像一棵树。
浏览器原生提供document节点，代表整个文档。
除了根节点，其他节点都有三种层级关系。
-
父节点关系（parentNode）：直接的那个上级节点
-
子节点关系（childNodes）：直接的下级节点
-
同级节点关系（sibling）：拥有同一个父节点的节点
DOM 提供操作接口，用来获取这三种关系的节点。比如，子节点接口包括firstChild（第一个子节点）和lastChild（最后一个子节点）等属性，同级节点接口包括nextSibling（紧邻在后的那个同级节点）和previousSibling（紧邻在前的那个同级节点）属性。
