什么是DOM
• DOM，全称Document Object Model文档对象模型。
• JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随
心所欲的操作WEB页面。
• 文档
– 文档表示的就是整个的HTML网页文档,，整个html文档就通过javascript来读取或修改其内容。
• 对象
– 对象表示将网页中的每一个部分都转换为了一个对象。整个网页也是对象，万物皆对象，可我还没有对象（__）。
• 模型(就是一棵树)
– 使用模型来表示对象之间的关系，这样方便我们获取对象。学了数据结构的话就知道整个就是一个树结构，对应的操作也都是树的操作，增，删，改，查，复制，遍历………等
节点（node）
Node——构成HTML文档最基本的单元。(万物皆对象在这里可以说万物皆节点)
根据 DOM，HTML 文档中的每个成分都是一个节点。
DOM 是这样规定的：
-
整个文档是一个文档节点
扫描二维码关注公众号，回复： 12051366 查看本文章
-
每个 HTML 标签是一个元素节点
-
包含在 HTML 元素中的文本是文本节点
-
每一个 HTML 属性是一个属性节点
-
注释属于注释节点
Node 层次
节点彼此都有等级关系。
HTML 文档中的所有节点组成了一个文档树（或节点树）。HTML 文档中的每个元素、属性、文本等都代表着树中的一个节点。树起始于文档节点，并由此继续伸出枝条，直到处于这棵树最低级别的所有文本节点为止。
下面这个图片表示一个文档树（节点树）：
##### 事件
事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。
•JavaScript 与HTML 之间的交互是通过事件实现的。
•对于Web 应用来说，有下面这些代表性的事件：点击某个元素、将鼠标移动至某个元素上方、按下键盘上某个键，等等。
JavaScript思维导图网址：https://www.cnblogs.com/pikachu/p/10456828.html