DOM是文档对象模型的缩写，其中文名称为文档对象模型。

DOM是处理网页的标准编程接口。JavaScript可以使用DOM来读取和更改HTML的内容和结构。

前三个组件指的是超文本标记语言、CSS和JavaScript，其中DOM是JavaScript最重要的组件。

1:我们为什么要学习DOM？

1，DOM允许用户与网页元素交互

例如，当我单击一个按钮时，会弹出一个对话框。

2，DOM可用于网络游戏

例如，我们可以在流行的魔兽世界游戏中使用JavaScript来操作DOM。

3，DOM是ajax的重要基础

例如，我们通过ajax获得一些数据，您需要DOM向用户显示这些数据。

2:这就是我们解释DOM的方式

1，首先我们将解释什么是DOM，它是前面提到的文档对象模型。

DOM是处理超文本标记语言的标准编程接口。JavaScript可以使用DOM来读取和更改HTML的内容和结构。

2，将解释什么是DOM树

对象之间的
层次结构。

3，这解释了什么是DOM节点

根据W3C的超文本标记语言标准，超文本标记语言文档中的所有内容都是一个节点:

整个文档是一个文档节点

每一个超文本标记语言元素都是一个元素节点

超文本标记语言元素中的文本是一个文本节点

每一个超文本标记语言属性都是一个属性节点

注释是注释节点

4，会讲解什么是事件驱动

即做了什么操作，执行什么事件。

5，会讲解什么是2级DOM

1级DOM、2级DOM、3级DOM分别指什么？怎样实现。

6，会讲解什么是事件流

会讲解什么叫做事件冒泡，什么叫做事件捕获，根据事件流的特点能实现什么功能，及如何阻止事件的传播。

7，会讲解什么是Event

Event 对象的属性提供了有关事件的细节。

三：模拟画笔案例

在网页中，通过JavaScript操作DOM来模拟画笔功能，比如鼠标按下后，在屏幕中拖动，会形成痕迹，那么整个过程，就是在模拟画笔。

福州友诚互联网，一家致力于福州网站建设的网站制作公司，为客户提供小程序制作，促进福州网络全网推广，准确开发客户等。欢迎访问http://www.g303.com