DOM元素简介.docVIP

简单的说，文件对象模型（Document Object Model，DOM）是一种理念，一种思想，一种方法使 Web开发人员可以访问HTML元素！它只是一种理念，不是具体方法。那什么是具体方法呢？答案是DHTML当浏览器支持JavaScript的时候就有DOM了，最早可以追溯到Netscape2。Web开发人员希望访问HTML元素并且改变它们的属性。例如实现HTML元素的淡入淡出这种效果。DOM的功能就是提供这么一种方法来访问HTML元素。精确的规定用什么方法，怎样访问元素。随着浏览器版本的更新，会有更多的权限交给开发人员来操作HTML元素。?DOM是给 HTML 与 XML 文件使用的一组 API。它提供了文件的结构表述（representation），让你可以更动其中的内容及可见物。其本质是建立网页与 Script 或程序语言沟通的桥梁。 所有网页设计师可操作及建立文件的属性、方法及事件都以[对象]来展现（例如，document 就代表「文件本身」这个对象，table 对象则代表 HTML 的表格对象等等）。这些对象可以由当今大多数的浏览器以 Script 来取用。 DOM 最常被用以[与JavaScript 沟通]，也就是说虽然程序以JavaScript 写成，但使用 DOM 来存取页面及其元素。无论如何，DOM 本身是设计为一种独立的程序语言，以一致的 API 存取文件的结构表述；是以虽然本站的焦点放在JavaScript 上，但 DOM 其实可以与[任何程序语言]共同运作。 [全球信息网协会]（World Wide Web Consortium，W3C）建立了 [DOM] 的标准，称之为「W3C DOM」。在当今主要浏览器都已正确实作的情况下，W3C DOM 使强大、跨浏览器的应用程序成真。这是众网页设计师在 Netscape 4 与 MSIE 多不相容的时代从未梦想过的事情。 ? ? DOM的结构： 　　? 在DOM 中，我们将代表XML 文件的程序设计对象，称为节点（nodes）。当Internet Explorer 5 处理被链接的XML 文件并储存于DOM 中时，它会为XML 文件的每一个基本组件建立一个节点。这些基本组件包括了元素、属性，与处理指令DOM 会使用不同形态的节点来代表不同形态的XML 组件。例如，元素是储存在Element 节点中，而属性则是储存在Attribute 节点中。表格1 列出了这些节点类型最重要的部分。 节点形态 节点对象所代表的XML文件组件 节点名称（nodeName 对象属性） 节点的值（nodeValue 对象属性） 文件（Document） 文件阶层中的根节点（代表整个XML 文件） #document Null 元素（Element） 元素 元素形态名称(例如，BOOK) null（包含在元素中的（Element）任何字符数据，是位在一个或多个子文字节点中） 文字（Text） 属于由这个节点的父节点所代表的元素，属性及实体的文字。 #text 父XML 组件的文字 属性（Attribute） 属性 (以及其它的名值对，像处理指令中的名字与值) 属性名称 (如Binding) 属性值（例如hardcover） 处理指令（Processing Instruction ） 处理指令（XML 宣告或自订的处理指令） 处理指令的目标（例如xml） 除了目标之外整个处理指令的内容（例如，Version 1.0） 批注（Comment） 批注 #comment 在批注符号中的文字 CDATA 区段（CDATASection） CDATA 区段 #cdata-section CDATA 区段中的内容 文件类型（Document ? Type） 文件形态宣告 出现在DOCTYPE 宣告中的根元素的名字(例如INVENTORY) Null 实体（Entity） DTD 中的实体宣告 实体名称（例如image） null （实体值是位在子文字节点中） 标签 DTD 中的标签宣告 标签名称（例如BMP） null （卷标的系统literal（Notation）是位在名为SYSTEM 的子Attribute 上表中用来表示不同XML 文件组件的基本节点形态。这些类型的每一个节点都是一个程序设计对象，提供了存取相关组件的属性与方法。??? 你可以从节点中的nodeName 属性获得每个节点的名称（详列于表格9-1 中的第三栏）。这个名称是以字符#起始，代表那些未在文件中命名的XML 组件节点的标准名称。（例如，在XML文件中的批注并未命名。因此，DOM 将使用标准名称#comment。）其它节点的名称则是由指定到XML 文件中相对应组件的名称衍生而来。（例如，代表形态BOOK 元素的元素