JavaScript-DOM

Posted 2021-08-20 芝士宇治抹茶

DOM

D：指文档

如果没有document (文档)，DOM也就无从谈起。当创建了一个网页并把它加载到Web浏览器中时，DOM就在幕后悄然而生。它把你编写的网页文档转换为一个文档对象。

O：指对象

“对象”一种自足的数据集合。与某个特定对象相关联的变量被称为这个对象的属性;只能通过某个特定对象去调用的函数被称为这个对象的方法。
javascript语言里的对象分为三种类型：

1. 用户定义对象：由程序员自行创建的对象。
2. 内建对象：内建在JavaScript语言里的对象，如Array、Math和Date等。
3. 宿主对象：由浏览器提供的对象。

window对象对应着浏览器窗口本身，这个对象的属性和方法通常统称为BOM(浏览器对象模型)，但称为Window Object Model(窗口对象模型）更为贴切。
document对象的主要功能就是处理网页内容。

M：指模型

含义是某种事物的表现形式。
DOM代表着加载到浏览器窗口的当前网页。浏览器提供了网页的地图(或者说模型)，而我们可以通过JavaScript去读取这张地图。
DOM把一 份文档表示为一棵树(这里所说的“树”是数学意义上的概念)，这是我们理解和运用这一模型的关键。更具体地说，DOM把文档表示为一棵家谱树。
如果你能把一个 文档的各种元素想象成一棵家谱树，我们就可以用同样的术语描述DOM。不过，与使用“家谱树”这个术语相比，把文档称为“节点树”更准确。