DOM(文档对象模型)是HTML和XML的应用程序接口。DOM将把整个页面规划成由节点层级构成的文档。HTML或XML页面的每个部分都是一个节点的衍生物。请考虑下面的HTML页面：
<html>
<head>
<title>DOM页面</title>
</head>
<body>
<p>Hello Word</p>
</body>
</html>
这段代码可以用DOM绘制成一个节点层次图。如下：
html
| → head
| | → title
| | → DOM页面
| → body
| → p
| → hello word
DOM通过创建树来表示文档，从而使开发者对文档的内容和结构具有空前的控制力。用DOM API 可以轻松地删除、添加和替换节点。
1、为什么DOM必不可少
自从IE4.0和Netscape Navigator4.0开始支持不同形式的动态HTML(DHTML)，开发者首次能够在不重载网页的情况下修改它的外观和内容。这是Web技术的一大飞跃，不过也带来了极大地问题。Netscape和微软各自开发的DHTML，从而结束了Web开发者只编写HTML页面就可以再所有浏览器中访问的时期。
业界决定必须要做点什么以保持Web的夸平台特性，他们担心如果放任Netscape和微软公司这样做，Web必将分化成两个独立的部分，每一部分只使用与特定的浏览器。因此，负责制定Web通信标准的团体W3c (World Wide Web Consortium) 就开始制定DOM。
2、DOM的各个Level(版本)
DOM Level 1是由W3C与1998年10月提出的。它是由两个模块构成，即DOM Core 和DOM HTML。前者提供了基于XML文档的结构图，一遍访问和操作文档的任意部分；后者添加了一些HTML专用的对象和方法，从而扩展了DOM Core。
PS：DOM不是JavaScript转悠的，事实上许多其他语言都实现了它。不过，Web浏览器中的DOM意境用ECMAScript实现了，现在是JavaScript语言的一个很大组成部分。
DOM Level 1只有一个目标，即规划文档的结构，DOM Level 2的目标就广泛多了。对原始DOM的扩展添加了对鼠标和用户界面事件(DHTML对此有丰富的支持)、范围、便利的支持，并通过对象接口添加了对CSS的支持。由Level 1引入的原始DOM Core 也加入了对XML命名空间的支持。
DOM Core 2引入了几种DOM新模块，用于处理新的接口类型：
DOM视图：描述跟踪文档的各种视图的接口；
DOM事件：描述事件的接口；
DOM样式：描述处理基于CSS样式的接口；
DOM便利和范围：描述便利和操作文档树的接口。
DOM Level 3引入了以统一的方式载入和报讯文档的方法以及验证文档的方法，从而进一步扩展了DOM。在Level 3中，DOM Core被扩展为支持所有的XML 1.0特性，包括XML Infoset、XPATH和XML Base。
更多JavaScript内容
1668
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
