了解 DOM 的意义何在？其实，我觉得现代浏览器的差异越来越小，只在一些特殊的情况，再者，现在的前端框架也都尽力做到浏览器兼容。但是多多少少了解 DOM 还是有益无害的，因为它关系到前端框架的底层实现。因此，不能忽视 DOM，但也无需投入过多精力。
本文内容
- HTML 相关
- 为什么要使用 DOM
- DOM 级别
- Web 浏览器对 DOM 的支持
- 文档模式
HTML 相关
| HTML |
|
| XHTML |
|
| HTML 5 |
|
DHTML 不应该在上面的表格里，因为它是一种创建动态和交互 WEB 站点的技术集。对大多数人来说，DHTML 意味着 HTML、样式表和 JavaScript 的组合。
为什么要使用 DOM
有了 JavaScript，若想让 JavaScript 更好地操作 HTML，结构化 HTML 是必然的。这样才能更容易地在页面加载后，修改页面的外观和内容。
自 Internet Explorer 4 和 Netscape Navigator 4 开始，开发人员首次可以实现这一理想。然而，DHTML 在给 Web 技术发展带来巨大进步的同时，也带来了巨大的问题。因为 Netscape 和微软在发展 DHTML 上各自为战。因此，若想保持 Web 的跨平台性，开发人员不得不做很多额外的工作。更重要的是，这种竞争最终会造成浏览器互不兼容的局面。
于是，W3C 开始着手规划文档对象模型（DOM）。
DOM 级别
| DOM 级别 0 | DOM 级别 0 不是 W3C 规范。而仅仅是对在 Netscape Navigator 3.0 和 Microsoft Internet Explorer 3.0 中的等价功能性的一种定义。 DOM 发展过程中的关键角色有：ArborText、IBM、Inso EPS、JavaSoft、Microsoft、Netscape、Novell、the Object Management Group、SoftQuad、Sun Microsystems 以及 Texcel。 W3C 的 DOM 级别 1 建立于此功能性之上。 |
| DOM 级别 1 | DOM 级别 1 专注于 HTML 和 XML 文档模型。它含有文档导航和处理功能。 DOM 级别 1 于 1998 年 10 月 1 日成为 W3C 推荐标准。 第二版的工作草案在 2000 年 9 月 29 日。 |
| DOM 级别 2 | DOM 级别 2 对 DOM 级别 1 添加了样式表对象模型，并定义了操作附于文档之上的样式信息的功能性。 DOM 级别 2 同时还定义了一个事件模型，并提供了对 XML 命名空间的支持。 作为一项 W3C 推荐标准，DOM 级别 2 规范发布于 2000 年 11 月 13 日：
|
| DOM 级别 3 | DOM Level 3 规定了内容模型 (DTD 和 Schemas) 和文档验证。同时规定了文档加载和保存、文档查看、文档格式化和关键事件。DOM Level 3 建立于 DOM Core Level 2 之上。 DOM Level 3 Requirements DOM Requirements 文档已经为 Level 3 requirements 进行了更新，并于 2000 年 4 月 12 日发布为工作草案。 下面的 DOM Level 3 工作草案发布于 2000 年 9 月 1 日：
|
Web 浏览器对 DOM 的支持
下表列出主流浏览器对 DOM 标准的支持。
| 浏览器 | DOM 兼容性 |
| Netscape Navigator 1. - 4.x | - |
| Netscape Navigator 6+(Mozilla 0.6.0+) | 1 级、2 级（几乎全部）、3 级（部分） |
| Internet Explorer 2 – 4.x | - |
| Internet Explorer 5 | 1 级（最小限度） |
| Internet Explorer 5.5 - 7 | 1 级（几乎全部） |
| Opera 1 - 6 | - |
| Opera 7 – 8.x | 1 级（几乎全部）、2 级（全部） |
| Opera 9+ | 1 级、2 级（几乎全部）、3 级（全部） |
| Safari 1.0.x | 1 级 |
| Safari 2+ | 1 级、2 级（全部） |
| Chrome 0.2+ | 1 级、2 级（全部） |
| Firefox 1+ | 1 级、2 级（几乎全部）、3 级（全部） |
文档模式
直到 IE 5.5 才引入文档模式的概念，而这个概念是通过使用文档类型（doctype）切换实现的。
如：XHTML 1.0 过渡型