首页 > 代码库 > JavaScript(三、DOM文档对象模型)

JavaScript(三、DOM文档对象模型)

一、什么是DOM

DOM 是 Document Object Model(文档对象模型)的缩写。
DOM 是 W3C(万维网联盟)的标准。
DOM 定义了访问 HTML 和 XML 文档的标准:
“W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”

W3C DOM 标准被分为 3 个不同的部分:

  • 核心 DOM - 针对任何结构化文档的标准模型
  • XML DOM - 针对 XML 文档的标准模型
  • HTML DOM - 针对 HTML 文档的标准模型

二、HTML DOM (文档对象模型)

当网页被加载时,浏览器会创建页面的文档对象模型(DOM)。
通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。
HTML DOM 定义了所有 HTML 元素的对象和属性,以及访问它们的方法。

三、DOM 节点

根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:
  • 整个文档是一个文档节点
  • 每个 HTML 元素是元素节点
  • 每个 HTML 属性是属性节点
  • HTML 元素内的文本是文本节点
  • 注释是注释节点
HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树:
技术分享

四、编程接口

可通过 JavaScript (以及其他编程语言)对 HTML DOM 进行访问。
所有 HTML 元素被定义为对象,而编程接口则是对象方法和对象属性。
方法是您能够执行的动作(比如添加或修改元素)。
属性是您能够获取或设置的值(比如节点的名称或内容)。
 
 

JavaScript(三、DOM文档对象模型)