# 1、什么是DOM > DOM全称是Document Object Model（文档对象模型），它是JS将HTML按文档结构和内容层次抽象出的模型，使得JavaScript有了访问HTML的能力，能够实现对HTML中内容的操作。DOM存在广泛，PHP以及其他语言也有各自的DOM模型。 # 2、节点与DOM模型 > DOM模型呈现树状结构，因此也叫“树模型”，树中的内容（标签、属性、文本）称为“节点”，节点在dom中就是对象。包含有元素节点（标签）、属性节点、文本节点。dom模型中，每个节点，都是一个JavaScript对象。 > 根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点： * 整个文档是一个文档节点，用document对象表示，最大的节点 * 每个 HTML 元素是元素节点，比如html、head、body、a、h1 * HTML 元素内的文本是文本节点 * 每个 HTML 属性是属性节点，比如href * 注释是注释节点  # 3、节点之间的关系 * 节点之间的关系犹如人类家族中的族谱。节点之间的关系包括： 父子关系（父子、后代、祖先级） 兄弟（姐妹）关系 * 单词： parent -- 父母 child -- 孩子 children -- 孩子（复数），表示所有孩子 siblings -- 兄弟姐妹、同胞