本文共 713 字，大约阅读时间需要 2 分钟。

JS DOM (JavaScript Document Object Model)

文档对象模型，是 HTML 和 XML 文档的应用程序接口(API)，可通过 JavaScript （以及其他编程语言）对 HTML DOM 进行访问。

• HTML DOM 定义了访问和操作 HTML 文档的标准方法，提供了文档中独立元素的结构化和面向对象的表示方法，并允许通过对象的属性和方法访问这些对象，或者通过DOM对象去修改元素的内容以及属性的数值，从而创建动态的文档内容。

DOM 以树结构表达 HTML 文档

当网页被加载时，浏览器会创建页面的DOM。它把 HTML 文档呈现为带有元素、属性和文本的树结构（节点树），因此在 HTML DOM 中，所有事物都是节点(DOM 是被视为节点树的 HTML)。

DOM 的分层结构

• 文档节点：整个文档是一个文档节点
• 元素节点：每个 HTML 元素(标签)是元素节点，因此又叫做标签节点
• 属性节点：每个 HTML 属性是属性节点
• 文本节点：HTML 元素标签节点内(包含在标签节点内)的文本是文本节点
• 注释节点：注释属于注释节点
• 节点树的层级关系，父(parent)、子(child)、兄弟同级(sibling)节点。
• 在节点树中，顶端节点被称为根（root），每个节点都有父节点、除了根（它没有父节点），一个节点可拥有任意数量的子节点，同级节点是拥有相同父节点的节点。

DOM 的编程对象

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

• 编程接口(方法)：是能够执行的动作（比如添加或修改元素）。
• 标称接口(属性)：是能够获取或设置的值（比如节点的名称或内容）。

转载地址：http://gqhwi.baihongyu.com/