文档对象模型 (Document Object Model, 简称 DOM), 是 W3C 组织推荐的处理可扩展标志语言的标准编程接口. 在网页上, 组织页面(或文档) 的对象被组织在一个树形结构中, 用来表示文档中对象的标准模型就称为 DOM.
当网页被加载时, 浏览器会创建页面的文档对象模型(Document Object Model). 通过 DOM JavaScript 能够访问和改变 html 文档的所有元素.
JavaScript 分三个部分:
ECMAScript 标准: JS 的基本的语法
DOM:Document Object Model --->文档对象模型 ---- 操作页面的元素
BOM:Browser Object Model----->浏览器对象模型 --- 操作的是浏览器
DOM: 文档对象模型
文档: 把一个 HTML 文件看成是一个文档, 由于万物皆对象, 所以把这个文档看成是一个对象
xml 文件也可以看成是一个文档
HTML: 展示信息, 展示数据的
xml: 侧重于存储数据
HTML 文件看成是一个文档, 那么这个文档看成是一个对象, 文档中的所有的标签都可以看成是一个对象
页面中的每个标签, 都是一个元素(element), 每个元素都可以看成是一个对象
标签可以嵌套, 标签中有标签, 元素中有元素
HTML 页面中都有一个根标签 --HTML-- 也叫根元素
页面中的有一个根元素(标签 --HTML), 里面有很多的元素(有很多的标签, 有很多的对象)
文档: 一个页面就是一个文档
元素(element): 页面中的所有的标签都是元素, 元素可以看成是对象
节点(node): 页面中所有的内容都是节点: 标签, 属性, 文本
root: 根
页面就是文档 --document, 文档中有根元素: HTML
由文档及文档中的所有的元素 (标签) 组成的一个树形结构图, 叫树状图(DOM 树)
DOM 的含义:
DOM 称为文件对象模型(DocumentObjectModel, 简称 DOM), 是 W3C 组织推荐的处理可扩展置标语言的标准编程接口
DOM 是 HTML 文档的内存中对象表示, 它提供了使用 JavaScript 与网页交互的方式. DOM 是节点的层次结构(或树), 其中 document 节点作为根.
实际上 DOM 是以面向对象的方式来描述的文档模型. DOM 定义了表示和修改文档所需的对象和这些对象的行为和属性以及这些对象之间的关系.
通过 JavaScript, 我们可以重构整个 HTML 文档. 比如添加, 移除, 改变或重排页面上的项目.
要改变页面上的某个东西, JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口. 这个入口, 连同对 HTML 元素进行添加, 移
动, 改变或移除的方法和属性, 都是通过文档对象模型来获得的(DOM)
来源: http://www.css88.com/qa/javascript/11750.html