JavaScript——文档对象模型

一、基本概念

  文档对象模型（DOM）是表示文档和访问、操作构成文档的各种元素的应用程序接口（API）。它解决了NetScape的JavaScript和Microsoft的JavaScript之间的冲突，给web设计师和开发者一个标准的方法，可让他们访问自己站点的数据、脚本、和表层对象。   DOM是以层次结构组织的节点或信息片段的集合。这个层次结构允许开发人员在树中导航以寻找特定信息。分析这个结构通常需要加载整个文档和构造层次结构，才能做任何工作。由于它是基于信息层次的，因而DOM被认为是基于树或基于对象的。

  JavaScript使用浏览器对象模型（BOM）和文档对象模型（DOM）两种主要对象模型。

•  浏览器对象模型（BOM） 提供了访问浏览器各个功能部件，如浏览器窗口本身、浏览历史等的操作方法
•  文档对象模型（DOM） 提供了访问浏览器窗口的内容。

  在DOM模型中，浏览器载入这个HTML文档时，它以树的形式对这个文档进行描述，如图：

二、细节问题

在DOM中，HTML文档各个节点被视为各种类型的Node对象。每个Node对象都有自己的属性和方法，利用这些属性和方法可以遍历整个文档树。