简介

HTML DOM全称文档对象模型英文全称：HTML Document Object Model
HTML DOM是专门适用于HTML/XHTML的文档对象模型。
熟悉软件开发的人员可以将HTML DOM理解为网页的API。
DOM是一种与浏览器，平台，语言无关的接口，使你可以访问页面中其他的标准组件。
它将网页中的各个元素都看作一个个对象，使网页中的元素可以被计算机语言获取或者编辑。
例如Javascript就可以利用HTML DOM动态地修改网页。

DOM是以层次结构组织的节点或信息片断的集合。这个层次结构允许开发人员在树中导航寻找特定信息。

分析该结构通常需要加载整个文档和构造层次结构，然后才能做任何工作。由于它是基于信息层次的，因而 DOM 被认为是基于树或基于对象的。

HTML DOM 定义了访问和操作HTML文档的标准方法。

HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构（节点树）。

HTML 文档中的所有内容都是节点：

	整个文档是一个文档节点
	每个 HTML 元素是元素节点
	HTML 元素内的文本是文本节点
	每个 HTML 属性是属性节点
	注释是注释节点

DOM 对象方法

方法	描述
getElementById()	返回带有指定 ID 的元素。
getElementsByTagName()	返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。
getElementsByClassName()	返回包含带有指定类名的所有元素的节点列表。
appendChild()	把新的子节点添加到指定节点。
removeChild()	删除子节点。
replaceChild()	替换子节点。
insertBefore()	在指定的子节点前面插入新的子节点。
createAttribute()	创建属性节点。
createElement()	创建元素节点。
createTextNode()	创建文本节点。
getAttribute()	返回指定的属性值。
setAttribute()	把指定属性设置或修改为指定的值。

方法和属性

常用的 HTML DOM 方法：

getElementById(id)	获取带有指定 id 的节点（元素）
appendChild(node)	插入新的子节点（元素）
removeChild(node)	删除子节点（元素）

常用的 HTML DOM 属性：

innerHTML	节点（元素）的文本值
parentNode	节点（元素）的父节点
childNodes	节点（元素）的子节点
attributes	节点（元素）的属性节点

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

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

编者注：DOM 是 Document Object Model（文档对象模型）的缩写。

您应该具备的基础知识

在您继续学习之前，您需要对以下内容拥有基本的了解：

HTML
CSS
JavaScript

如果您需要首先学习这些项目，请访问我们的首页

什么是 XML DOM？

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

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

HTML DOM 是：

HTML 的标准对象模型
HTML 的标准编程接口
W3C 标准

HTML DOM 简介

简介