HTML DOM 中国語リファレンスマニュアル

『HTML DOM 中国語リファレンスマニュアル』では、HTML DOM は HTML ドキュメントにアクセスして操作する標準的な方法を定義しています。 DOM は HTML ドキュメントをツリー構造で表現します。

HTML DOM是HTML Document Object Model(文档对象模型)的缩写，HTML DOM则是专门适用于HTML/XHTML的文档对象模型。熟悉软件开发的人员可以将HTML DOM理解为网页的API。它将网页中的各个元素都看作一个个对象，从而使网页中的元素也可以被计算机语言获取或者编辑。 例如Javascript就可以利用HTML DOM动态地修改网页。

DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范，DOM是一种与浏览器，平台，语言无关的接口，使得你可以访问页面中其他的标准组件。简单理解，DOM解决了Netscape的JavaScript和 Microsoft的JavaScript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对象。

DOM是以层次结构组织的节点或信息片断的集合。这个层次结构允许开发人员在树中导航寻找特定信息。分析该结构通常需要加载整个文档和构造层次结构，然后才能做任何工作。由于它是基于信息层次的，因而 DOM 被认为是基于树或基于对象的。

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

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

提示：在您继续学习HTML DOM之前，您需要对HTML、CSS、JavaScrip内容拥有基本的了解。

节点信息

在 HTML DOM 中，所有事物都是节点。DOM 是被视为节点树的 HTML。

每个节点都拥有包含着关于节点某些信息的属性。这些属性是：

nodeName（节点名称）nodeValue（节点值）nodeType（节点类型）

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

• 整个文档是一个文档节点

• 每个 HTML 元素是元素节点

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

• 每个 HTML 属性是属性节点

• 注释是注释节点

提示：我们的HTML DOM 教程将帮助您逐步学习HTML DOM，如果你有任何疑问，请前往PHP中文网HTML DOM社区提出你的问题，会有热心网友为你解答。

HTML DOM 方法

方法是我们可以在节点（HTML 元素）上执行的动作。 

• 编程接口

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

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

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

属性是您能够获取或设置的值（比如节点的名称或内容）。

• HTML DOM 对象 - 方法和属性

一些常用的 HTML DOM 方法：

• getElementById(id) - 获取带有指定 id 的节点（元素）

• appendChild(node) - 插入新的子节点（元素）

• removeChild(node) - 删除子节点（元素）

一些常用的 HTML DOM 属性：

• innerHTML - 节点（元素）的文本值

• parentNode - 节点（元素）的父节点

• childNodes - 节点（元素）的子节点

• attributes - 节点（元素）的属性节点

本HTML DOM教程手册涵盖的内容

本HTML DOM教程手册涵盖所有HTML DOM基础知识，包含DOM节点、DOM方法、DOM属性、DOM访问、DOM元素、DOM事件等等知识。

提示：本教程的每一章都包含了很多HTML DOM实例，您可以直接点击 "运行实例" 按钮在线查看结果。这些例子将帮助您更好地理解学习HTML DOM。

其它HTML DOM相关学习参考资源

除了本页面右侧的知识拓展，还为大家精选了以下资源

• PHP中文网独孤九贱系列HTML5视频教程

• HTML每日编程小知识

• 前端学习路线：如何成为一名优秀的前端开发人员！