JavaScript文档对象模型或DOM
发布于 2015-07-31 15:09:38 | 235 次阅读 | 评论: 0 | 来源: 网络整理
每个网页其可以被认为是一个对象在浏览器窗口内部。
文档对象表示将显示在该窗口的HTML文档。文档对象具有参考其他对象，允许访问文件的内容，以和修改各种性质。
该文件内容被访问和修改的方法就是所谓的文档对象模型或DOM。该对象被组织在一个层次。这种层次结构适用对象的Web文档的组织。
-
窗口对象: 顶部层次结构的。它是对象层次的最外层元素。
-
文档对象: 这被加载到一个窗口，每一个HTML文档变成了文档对象。文档包含在网页的内容。
-
表单对象: 封闭在<form>... </ form>标签的一切设置表单对象。
-
表单控件元素: 表单对象包含所有该对象定义的元素，如文本字段，按钮，单选按钮，和复选框。
下面是一些重要对象的简单层次：
有几个DOM存在。以下部分解释这些DOM的细节，并说明如何使用它们来访问和修改文档内容。
-
Legacy DOM: 这是将其在JavaScript语言早期版本中引入的模型。大家都被所有浏览器都支持，但只允许访问文件的某些关键部分，如表单，表单元素和图像。
-
W3C DOM: 本文档对象模型允许访问所有的文档内容和修改，由万维网联合会（W3C）规范。由几乎所有的现代浏览器都支持这种模式。
-
IE4 DOM: 本文档对象模型中引入了微软的Internet Explorer浏览器的第4版。 IE1.2及以后的版本包括最基本的W3C DOM功能的支持。
DOM兼容性
如果想编写使用W3C DOM可用，使用IE4 DOM（如果可用）的脚本，可以使用功能测试一个方法或属性的存在，首先检查以确定无论是浏览器有你想要的功能。例如：
if (document.getElementById) {
// If the W3C method exists, use it
}
else if (document.all) {
// If the all[] array exists, use it
}
else {
// Otherwise use the legacy DOM
}