HTML DOM简介（HTML DOM手册下载及在线教程）

什么是HTML DOM?

简单点说：

举个例子吧。你告诉某人：“去把土豆削了”，他肯定知道去拿个土豆，把皮削掉。找到“土豆”这个操作对象不是一个困难的任务，“削皮”也不是一个困难的动作。

同理，你可能想告诉浏览器：“把这页内容区的背景色变成黄色。”不过浏览器可没有人聪明，它是没法理解这种比较模糊的语言的，而只能理解精确的编程语言。所以你需要这么说：“document.getElementById("content").style.backgroundColor = 'yellow';”。

这是一个简单的JavaScript语句，它完成的动作是”变成黄色“，操作对象是”这页的内容区的背景“。没错，DOM的任务就是帮助我们”找到土豆“，然后我们才能用JavaScript对土豆进行”削皮“。点击下面的按钮执行上面的语句。

改变背景色

补充说明一点：不只有JavaScript可以操作DOM，理论上所有的编程语言都可以。

复杂点说：

DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范,DOM是一种与浏览器，平台，语言无关的接口，使得你可以访问页面其他的标准组件。简单理解，DOM解决了Netscape的Javascript和 Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。

DOM是以层次结构组织的节点或信息片断的集合。这个层次结构允许开发人员在树中导航寻找特定信息。分析该结构通常需要加载整个文档和构造层次结构，然后才能做任何工作。由于它是基于信息层次的，因而 DOM 被认为是基于树或基于对象的。

HTML DOM是HTML Document Object Model(文档对象模型)的缩写，HTML DOM则是专门适用与HTML/XHTML的文档对象模型。熟悉软件开发的人员可以将HTML DOM理解为网页的API。它将网页中的各个元素都看作一个个对象，从而使网页中的元素也可以被计算机语言获取或者编辑。 例如Javascript就可以利用HTML DOM动态的修改网页。(更多解释见DOM的百度百科)

---

学习DOM的基础

学习DOM之前你至少应该学会了HTML/XHTML和CSS，最好也掌握了基础的JavaScript。

菜鸟的DOM笔记

菜鸟总结了一个HTML DOM的学习笔记。在DOM笔记中，每一节都记录了知识的来源。

目录如下：

1. DOM可以做什么？
2. DOM的结构
3. 访问DOM节点1——getElementById()
4. 访问DOM节点2——getElementsByTagName()
5. 访问DOM节点3——通过节点关系
6. DOM节点信息
7. DOM简介总

还有哪里可以学习HTML DOM?

小菜鸟找到了如下的DOM学习资源：

• HTML DOM手册下载 (中文)
• W3School中文版HTML DOM教程
• W3POP的HTML DOM教程(中文)
• W3Schools HTML DOM教程(英文)
• Document Object Model (DOM)(适合英文超强，耐心超强的读者)