认识JAvaScript设计交互页面

1.1 文档对象模型概述

 文档对象模型(DOM)是针对HTML和XML文档的一个API(应用程序编程接口)。一般来讲，所有支持JavaScript的浏览器都支持DOM。它以树形结构表示HTML和XML文档定义了遍历树、检查和修改树的节点的方法和属性。
W3C组织把DOM分成下面的不同的部分和三个不同的版本(DOM1/2/3)。

1. Core DOM：定义了任意结构文档的标准对象集合。
2. XML DOM:定义了针对XML文档的标准对象集合。
3.  HTML DOM:定义了针对HTML文档的标准对象集合。
4. DOM CSS:定义了在程序中操作CSS规则的接口。
5.  DOM Events:给DOM添加事件处理。

1.1.2   一个HTML DOM的例子 

 Document对象是所有HTML文档内其他对象的父节点，document.body对象代表了HTML文档的<body＞元素，Document对象是body对象的父节点，也可以说body对象是Document对象的子节点。

1.1.3   HTML DOM的树状结构 

在DOM中，这样规定节点，整个文档是一个文档节点，每个HTML标签是一个元素节点，包含在HTML元素中的文本是文本节点，每一个HTML属性是一个属性节点，注释属于注释节点。 

 

1.1.4 文档对象模型 DOM 

●D