DOM(Document Object Model),文档对象模型。简单的说就是一套操作文档内容的方法。

<a href=DOM(Document Object Model)文档对象模型" title="DOM(Document Object Model)文档对象模型" src="https://www.hjtpc.com/zb_users/upload/2022/12/202212281672206368858128.png"/>

1.  文档:DOM的D

如果没有document(文档),DOM就无从谈起。当创建了一个网页并把它加载到web浏览器中,DOM就悄然而生,它将根据你编写的网页文档创建一个文档对象。

2.  对象:DOM的O

javascript中的对象分为三种:用户自定义对象(用户自己创建的对象),内建对象(内建在js语言的对象,如Array,Math,Date),宿主对象(由浏览器提供的对象,最基础的就是window对象)

Window对象对应浏览器窗口的本身,这个对象的属性和方法通常称为BOM(浏览器对象模型)。但我们不需要与BOM打太多交道,我们需要将注意力集中到浏览器窗口的内部而不是浏览器窗口本身。我们将着重探讨如何对网页的内容进行处理,而用来实现这一目标的载体就是document对象。

3.  模型:DOM的M

代表某种事物的表现形式。就像一个火车模型代表一列火车,一张地图代表一个城市一样,DOM代表被加载到浏览器窗口里的当前网页。浏览器向我们提供了当前网页的“地图”,我们可以通过javascript去读取这张“地图”。既然是地图,就必须有诸如方向,比例尺等记号。要想看懂地图,就必须弄懂这些记号的含义。所以我们必须要把各种用来描述文档的记号弄明白。

需要注意的是,我们需要把DOM当作一个整体,不能分割看待,即DOM(文档对象模型)是一套操作文档内容的方法。

DOM把一份文档表示为一棵树(节点树)(如图5-10),是我们理解和运用这一模型的关键。                           

DOM(Document Object Model)文档对象模型

图5-10 DOM文档树