位置:首页 > Web开发 > Javascript在线教程 > JavaScript文档对象模型或DOM

JavaScript文档对象模型或DOM

每个网页其可以被认为是一个对象在浏览器窗口内部。

文档对象表示将显示在该窗口的HTML文档。文档对象具有参考其他对象,允许访问文件的内容,以和修改各种性质。

该文件内容被访问和修改的方法就是所谓的文档对象模型或DOM。该对象被组织在一个层次。这种层次结构适用对象的Web文档的组织。

  • 窗口对象: 顶部层次结构的。它是对象层次的最外层元素。

  • 文档对象: 这被加载到一个窗口,每一个HTML文档变成了文档对象。文档包含在网页的内容。

  • 表单对象: 封闭在<form>... </ form>标签的一切设置表单对象。

  • 表单控件元素: 表单对象包含所有该对象定义的元素,如文本字段,按钮,单选按钮,和复选框。

下面是一些重要对象的简单层次:

HTML DOM

有几个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

}