文档对象模型 技术专题简介-冯金伟博客园

简介

  “DOM”重定向至此。关于其他用法,请见“DOM (消歧义)”。文档对象模型在HTML文档中DOM层级的例子首次出版1998年10月1日,​24年前​(1998-10-01)最新版本DOM42015年11月19日,​7年前​(2015-11-19)组织World Wide Web Consortium, WHATWG基础标准WHATWG DOM Living StandardW3C DOM4缩写DOMHTMLHTML动态HTMLHTML5音频(英语:HTML5 Audio)画布视频(英语:HTML5 video)XHTML基础(英语:XHTML Basic)移动概要C-HTMLHTML元素Span与divHTML特性(英语:HTML attribute)HTML框架(英语:Framing (World Wide Web))HTML编辑器字符编码Unicode(英语:Unicode and HTML)语言代码文档对象模型浏览器对象模型样式表层叠样式表字体家族网页颜色HTML脚本(英语:HTML scripting)JavaScriptWebGLWebCL(英语:WebCL)W3C验证服务网页超文本应用技术工作小组怪异模式网页存储排版引擎比较文档标记语言网页浏览器HTML非标准HTMLHTML5(英语:Comparison of layout engines (HTML5))画布媒体XHTML1.1查论编文档对象模型(英语:Document Object Model,缩写DOM),是W3C组织推荐的处理可扩展置标语言的标准编程接口。Document Object Model的历史可以追溯至1990年代后期微软与Netscape的“浏览器大战”(browser wars),双方为了在JavaScript与JScript一决生死,于是大规模的赋予浏览器强大的功能。微软在网页技术上加入了不少专属事物,既有VBScript、ActiveX、以及微软自家的DHTML格式等,使不少网页使用非微软平台及浏览器无法正常显示。DOM即是当时酝酿出来的杰作。DOM (Document Object Model) 译为文档对象模型,是 HTML 和 XML 文档的编程接口。HTML DOM 定义了访问和操作 HTML 文档的标准方法。DOM 以树结构表达 HTML 文档。W3C DOM 标准被分为 3 个不同的部分:核心 DOM – 针对任何结构化文档的标准模型XML DOM – 针对 XML 文档的标准模型HTML DOM – 针对 HTML 文档的标准模型XML DOM 定义了所有 XML 元素的对象和属性,以及访问它们的方法。

HTML DOM

简介

HTML DOM 是:

HTML 的标准对象模型

HTML 的标准编程接口

W3C 标准

HTML DOM 定义了所有 HTML 元素的对象属性,以及访问它们的方法

换言之,HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。

DOM方法

编程接口

可通过 JavaScript (以及其他编程语言)对 HTML DOM 进行访问。

所有 HTML 元素被定义为对象,而编程接口则是对象方法和对象属性。

方法是您能够执行的动作(比如添加或修改元素)。

属性是您能够获取或设置的值(比如节点的名称或内容)。一些常用的 HTML DOM 方法:

getElementById(id) – 获取带有指定 id 的节点(元素)

appendChild(node) – 插入新的子节点(元素)

removeChild(node) – 删除子节点(元素)

DOM对象

一些常用的 HTML DOM 属性:

innerHTML – 节点(元素)的文本值

parentNode – 节点(元素)的父节点

childNodes – 节点(元素)的子节点

attributes – 节点(元素)的属性节点

DOM属性

nodeType 属性

nodeValue 属性

innerHTML 属性

标准化

WHATWG DOM

W3C对DOM进行标准化的动作,目前已经推行至第四代。

Level 1

文档对象模型(DOM)1级规范 (页面存档备份,存于互联网档案馆)

支持XML 1.0

Level 2

Document Object Model (DOM) Level 2 Core Specification (页面存档备份,存于互联网档案馆)

XML 1.0与名字空间

Document Object Model (DOM) Level 2 HTML Specification (页面存档备份,存于互联网档案馆)

HTML 4.0x、XHTML 1.0

Document Object Model (DOM) Level 2 Views Specification (页面存档备份,存于互联网档案馆)

Document Object Model (DOM) Level 2 Style Specification (页面存档备份,存于互联网档案馆)

支持CSS与CSS Level2

Document Object Model (DOM) Level 2 Events Specification (页面存档备份,存于互联网档案馆)

支持HTML 4.01

Document Object Model (DOM) Level 2 Traversal and Range Specification (页面存档备份,存于互联网档案馆)

Level 3

Document Object Model (DOM) Level 3 Core Specification(页面存档备份,存于互联网档案馆)

Document Object Model (DOM) Level 3 Load and Save Specification (页面存档备份,存于互联网档案馆)

Document Object Model (DOM) Level 3 Validation Specification (页面存档备份,存于互联网档案馆)

Level 4

Document Object Model (DOM) Level 4 (页面存档备份,存于互联网档案馆)