文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。 **先来看看下面代码:** **[](http://img.mukewang.com/52e4be610001c67307860420.jpg)** **将HTML代码分解为DOM****节点层次图:** **[](http://img.mukewang.com/52e4bd0f0001dd8d04830279.jpg)** **HTML文档可以说由节点构成的集合，三种常见的DOM节点:** 1\. **元素节点**：上图中、、等都是元素节点，即标签。 2\. **文本节点**:向用户展示的内容，如...中的JavaScript、DOM、CSS等文本。 3\. **属性节点**:元素属性，如标签的链接属性href="http://www.imooc.com"。 **看下面代码:** ~~~ <a href="http://www.imooc.com">JavaScript DOM</a> ~~~ [](http://img.mukewang.com/52e4bdb80001064c04480196.jpg)