每个网页都驻留在浏览器窗口中,该窗口可以被视为对象。文档对象表示该窗口中显示的HTML文档。 文档对象具有各种属性,可引用其他对象,允许访问和修改文档内容。本文主要介绍JavaScript(JS) Document Object Model 或 DOM。

访问和修改文档内容的方式称为文档对象模型或DOM。 对象在层次结构中组织。 此分层结构适用于Web文档中的对象组织。

  • Window对象:层次结构的顶部。 它是对象层次结构的最突出的元素。
  • Document对象:将加载到窗口中的每个HTML文档都成为文档对象。 该文档包含页面的内容。
  • Form对象:包含在 <form>...</form> 标记设置表单对象。
  • Form控制元素:表单对象包含为该对象定义的所有元素,例如文本字段,按钮,单选按钮和复选框。

这是一些重要对象的简单层次结构 -

httpswwwcjavapycom

存在几个DOM。 以下部分详细解释了这些DOM中的每一个,并描述了如何使用它们来访问和修改文档内容。

  • 传统DOM:这是在早期版本的JavaScript语言中引入的模型。 所有浏览器都很好地支持,但允许仅访问文档的某些关键部分,例如表单,表单元素和图像。
  • W3C DOM:此文档对象模型允许访问和修改所有文档内容,并由万维网联盟(W3C)标准化。 几乎所有现代浏览器都支持此模型。
  • IE4 DOM:此文档对象模型在Microsoft Internet Explorer浏览器的版本4中引入。 IE 5和更高版本的版本包括支持大多数基本W3C DOM功能。

DOM 兼容性

如果要根据其可用性编写具有灵活性使用W3C DOM或IE 4 DOM的脚本,那么可以使用一个能力测试方法来检查是否存在方法或属性以确定浏览器是否具有 你想要的能力。

例如,

if (document.getElementById) {
   // 如果存在W3C方法,就使用它
} else if (document.all) {
   // 如果存在all[]数组,使用all[]数组
} else {
   // 否则使用以前的DOM
}

推荐文档