JavaScript：DOM

DOM

了解DOM

DOM就是一组API（接口）。它将一份结构化文档看做一棵树，这棵树由各种各样的节点构成，也即节点树。

首先必须清楚DOM不是专为HTML设计的，它是通用型的标准，为所有标记语言而设计。

其次要清楚并不是只有javascript有DOM API，其他的程序设计语言如java也有对应的DOM API。

DOM概念

DOM（Document Object Model）文档对象模型，DOM是W3C（万维网联盟）定义的关于访问HTML和XML文档的标准。W3C的DOM标准被分为3个不同的部分

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

XML DOM：针对XML文档的标准模型

HTML DOM：针对HTML文档的标准模型，HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。

文档对象：document

document对象可以访问HTML文档的所有元素，每个载入浏览器的HTML文档都会成为document对象。

document对象是window对象的一部分，可通过window.document访问。

节点

根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：

整个文档是一个文档节点

每个 HTML 元素是元素节点

HTML 元素内的文本是文本节点

每个 HTML 属性是属性节点（属性节点可以自定义）

注释是注释节点