W3C DOM模型用法详解

开发 前端
DOM=DocumentObjectModel,文档对象模型,DOM模型可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。

这里和大家重点讨论一下DOM模型,DOM模型实际上是以面向对象方式描述的对象模型。DOM模型定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。

W3C DOM

  DOM=DocumentObjectModel,文档对象模型,DOM模型可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说,这是表示和处理一个HTML或XML文档的常用方法。有一点很重要,DOM模型的设计是以对象管理组织(OMG)的规约为基础的,因此可以用于任何编程语言。最初人们把它认为是一种让JavaScript在浏览器间可移植的方法,不过DOM模型的应用已经远远超出这个范围。

  DOM模型实际上是以面向对象方式描述的对象模型。DOM模型定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。可以把DOM模型认为是页面上数据和结构的一个树形表示,不过页面当然可能并不是以这种树的方式具体实现。

DOM模型


  
DOM模型

根据W3C DOM模型规范,DOM模型是HTML与XML的应用编程接口(API),DOM模型将整个页面映射为一个由层次节点组成的文件。有1级、2级、3级共3个级别。

  1级DOM模型在1998年10月份成为W3C的提议,由DOM模型核心与DOM模型HTML两个模块组成。DOM模型核心能映射以XML为基础的文档结构,允许获取和操作文档的任意部分。DOM模型HTML通过添加HTML专用的对象与函数对DOM模型核心进行了扩展。
  
     鉴于1级DOM模型仅以映射文档结构为目标,DOM模型2级面向更为宽广。通过对原有DOM模型的扩展,2级DOM模型通过对象接口增加了对鼠标和用户界面事件(DHTML长期支持鼠标与用户界面事件)、范围、遍历(重复执行DOM模型文档)和层叠样式表(CSS)的支持。同时也对DOM模型1的核心进行了扩展,从而可支持XML命名空间。

  2级DOM模型引进了几个新DOM模型模块来处理新的接口类型:

  DOM视图:描述跟踪一个文档的各种视图(使用CSS样式设计文档前后)的接口;

  DOM事件:描述事件接口;

  DOM样式:描述处理基于CSS样式的接口;

  DOM遍历与范围:描述遍历和操作文档树的接口;

  3级DOM模型通过引入统一方式载入和保存文档和文档验证方法对DOM模型进行进一步扩展,DOM模型3包含一个名为“DOM模型载入与保存”的新模块,DOM模型核心扩展后可支持XML1.0的所有内容,包扩XMLInfoset、XPath、和XMLBase。

【编辑推荐】

  1. JavaScript DOM特性与应用详解
  2. HTML DOM入门级知识手册
  3. HTML DOM display属性语法实例解析
  4. 深入了解JavaScript HTML DOM对象
  5. 术语汇编 Javascript DOM技术探究
责任编辑:佚名 来源: hi.baidu.com
相关推荐

2011-09-07 17:28:15

2012-04-06 13:18:58

IE6W3CDIV

2021-01-28 15:25:11

W3CIETFWebRTC

2012-04-13 09:55:20

CSSWEB

2010-09-28 11:03:19

XML DOM

2012-12-19 09:33:20

HTML5

2012-07-05 10:02:39

CSS

2010-05-23 10:11:01

Widget开发

2015-07-03 16:59:05

W3C检查工具Mobile Chec

2009-04-03 09:06:00

浏览器W3C标准

2009-07-06 00:13:04

HTML 5XHTML 2

2012-12-19 10:15:04

HTML 5

2021-01-28 21:40:25

webRTC音视频Web

2010-09-13 15:15:04

0级DOMDOM

2010-05-13 15:22:55

XProcXMLW3C

2011-10-24 13:05:50

2012-06-08 14:45:08

HTML5

2010-09-28 09:43:37

DOM文档对象模型

2010-09-28 10:40:32

HTML DOM

2012-10-09 10:29:28

谷歌苹果W3C
点赞
收藏

51CTO技术栈公众号