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的百度百科)