JavaScript—DOM理解

什么是DOM

DOM：Document Object Model 文档对象模型。也就是 JavaScript 将 HTML 文档的各个组成部分封装为对象。

DOM的作用

作用：
JavaScript 通过 DOM， 就能够对 HTML进行操作了
改变 HTML 元素的内容
改变 HTML 元素的样式（CSS）
对 HTML DOM 事件作出反应
添加和删除 HTML 元素

DOM相关概念

DOM 是 W3C（万维网联盟）定义了访问 HTML 和 XML 文档的标准。该标准被分为 3 个不同的部分：

1. 核心 DOM：针对任何结构化文档的标准模型。 XML 和 HTML 通用的标准
   Document：整个文档对象
   Element：元素对象
   Attribute：属性对象
   Text：文本对象
   Comment：注释对象
2. XML DOM： 针对 XML 文档的标准模型
3. HTML DOM： 针对 HTML 文档的标准模型
   该标准是在核心 DOM 基础上，对 HTML 中的每个标签都封装成了不同的对象
   例如： 标签在浏览器加载到内存中时会被封装成 Image 对象，同时该对象也是 Element 对象。
   例如： 标签在浏览器加载到内存中时会被封装成 Button 对象，同时该对象也是
   Element 对象。