Dom简介(Document Object Model 文档对象模型)

DOM是Document object Model的缩写，意思是文档对象模型。根徊W3C DOM规范(p/:wwW.wog/D0M), DOM是一种与浏览器、平台、语音无关的接口，使用该接口可以轻松地访问页面中所有的标准纸件。简单来说，DOM解决了Netscape的JavaScrip和Microsoft的JScript之间的冲突，给予了Web设计师和开发者-套标准的方法，让他们能够轻松获取和操作网页中的数据、脚本和表现层对象。

1 DOM 操作的分类

一般来说，D0M操作分为3个方面，即DOM Core (核心)、HTML -DOM和CSS- DOM。

1

. DOM Core

DOM Core并不专属于JavaScript,任何一种支持DOM的程序设计语言都可以使用它。它的用途并非仅限于处理网页，也可以用来处理任何一种使用标记语言编写出来的文档，例如XML。

JavaScript中的getElmentByld0~ gelElementsBy TagName()~ getattributeO和 setAttribute0等方法，这些都是DOM Core的组成部分。

例如:
使用DOMCore来获取表单对象的方法:
docunent getElenentsByTagName(“fom”)
使用 DOMCore 来获取某元素的sre 属性的方法:
elenent .getAttributet’srC,

2. HTML-DOM

在使用JaScript和DOM为HTML文件编写脚本时，有许多专属于HTML-DOM的属性。HTML-DOM的出现甚至比DOM Core 还要早，它提供了一些更简明的记号来描述各种HTMi元素的属性。
例如:
使用 HTML-DOM来获取表单对象的方法:
document. forms /HTML DOM 提供了一个forms对象
使用 HTML-DOM来获取某元素的src属性的方法:
element .src;
通过上面所说的方法，可以发现获取某些对象、属性既可以用DOM Core来实现，也可以使用HTML-DOM实现。相比较而言HTML-DOM的代码通常比较简短，不过它只能用来处理Web文档。

3. CSS-DOM

CS-DOM是针对CSS的操作。在JvaScipt 中，CSS-DOM 技术的主要作用是获取和设置style对象的各种属性。通过改变syle对象的各种属性，可以使网页呈现出各种不同的效果。
例如:设置某元素style 对象字体颜色的方法:element .style .color = “red” :
jQuery 作为Jasecipt库，继承并发扬了javascript对dom对象操作的特性,使开发人员
能方使地操作Dom对象