DOM 概述
DOM全称 Document Object Model，即文档对象模型，将文档抽象成一个树型结构，文档中的标签、标签属性或标签内容可以表示为树上的节点。它允许脚本(js)控制Web页面、窗口和文档。是一套用来管理控制html文档的规则。
DOM 分类
按照操作对象的不同，可分为Core DOM、XML DOM 和 HTML DOM。
Core Dom：核心Dom，针对任何结构化文档的标准模型。
XML DOM：用于XML文档的标准模型，对XML元素进行操作。
HTML DOM： 用于HTML文档的标准模型，对HTML元素进行操作。
DOM 基本功能
① 查询某个元素
② 查询某个元素的祖先、兄弟以及后代元素
③ 获取、修改元素的属性
④ 获取、修改元素的内容
⑤ 创建、插入和删除元素
DOM 节点
根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：
- 整个文档是一个文档节点
- 每个 HTML 元素是元素节点
- HTML 元素内的文本是文本节点
- 每个 HTML 属性是属性节点
- 注释是注释节点
通过 HTML DOM，树中的所有节点均可通过 JavaScript 进行访问。
所有 HTML 元素（节点）均可被修改，也可以创建或删除节点。
节点类型
按照不同的类型来分，dom有不同的节点：文档节点、元素节点、属性节点、文本节点、注释节点
① 文档节点(Document)：整个XML、HTML文档
② 元素节点(Element)：每个XML、HTML元素
③ 属性节点(Attr)：每个XML、HTML元素的属性
④ 文本节点(Text)：每个XML、HTML元素内的文本
⑤ 注释节点(Comment)：每个注释
注意：这里的Document节点为总称，具体可分为XMLDocument和HTMLDocument，同理Element也可分为XMLElement和HTMLElement。
节点层级关系
节点树中的节点彼此拥有层级关系。
父（parent）、子（child）和同胞（sibling）等术语用于描述这些关系。父节点拥有子节点。
同级的子节点被称为同胞（兄弟或姐妹）。
- 在节点树中，顶端节点被称为根（root）
- 每个节点都有父节点、除了根（它没有父节点）
- 一个节点可拥有任意数量的子
- 同胞是拥有相同父节点的节点