JavaScript之-文档对象模型(DOM)

JavaScript之 -文档对象模型(DOM)：DOM -----Document Object Model

文档对象模型（DOM）是一个能够让程序和脚本动态访问和更新文档内容、结构和样式的语言平台， 提供了标准的 HTML 和 XML 对象集， 并有一个标准的接口来访问并操

作它们。 ”它使得程序员可以很快捷地访问 HTML 或 XML 页面上的标准组件，如元素、样式表、脚本等等并作相应的处理。DOM 标准推出之前，创建前端 Web 应用程序都必须使用

Java Applet 或 ActiveX 等复杂的组件， 现在基于 DOM 规范， 在支持 DOM 的浏览器环境中，Web开发人员可以很快捷、 安全地创建多样化、 功能强大的Web应用程序。 这里只讨论

HTML DOM。

一、DOM概述

1、文档对象模型定义了 JavaScript 可以进行操作的浏览器，描述了文档对象的逻辑结构及各功能部件的标准接口。主要包括如下方面：

1）核心 JavaScript 语言参考（数据类型、运算符、基本语句、函数等）

2）与数据类型相关的核心对象（String、Array、Math、Date 等数据类型）

3）浏览器对象（window、location、history、navigator 等）

4）文档对象（document、images、form 等）

2、JavaScript 中两种主要的对象模型

1）浏览器对象模型 （BOM）

提供了访问浏览器各个功能部件，如浏览器窗口本身、浏览历史等的操作方法。（见前一篇）

2）文档对象模型 （DOM）

提供了访问浏览器窗口内容，如文档、图片等各种 HTML 元素以及这些元素包含的文本的操作方法。

在早期的浏览器版本中，浏览器对象模型和文档对象模型之间没有很大的区别。

二、主要作用

主要用来将标记型文档封装成对象，并将标记型文档中的所有内容(标签、文本、属性等)都封装成对象。

文档：标记型文档----标签、文本、属性等

对象： 封装了属性和方法，可以调用里面的属性和方法。

模型：所有标记型文档都具备一些共性特征的体现。

三、一些重要的概念（主要DOM树）

1、DOM树模型：

DOM解析将按照标签的层次体现出标签的所属，形成一个树状结构—DOM树。

标签、属性和文本内容称为节点(node)，节点也称为对象，标签通常也称为页面中的元素(element)