javascript html dom——迹忆客-ag捕鱼王app官网

每个网页都驻留在浏览器窗口中，可以将其视为一个对象。

document 对象表示显示在该窗口中的 html 文档。document 对象具有各种属性，这些属性引用允许访问和修改文档内容的其他对象。

访问和修改文档内容的方式称为文档对象模型或dom。对象按层次结构组织。这种层次结构适用于 web 文档中对象的组织。

• window 对象- 层次结构的顶部。它是对象层次结构的最外层元素。
• 文档对象- 每个加载到窗口中的 html 文档都成为一个文档对象。该文档包含页面的内容。
• 表单对象-
  ...
  标签中包含的所有内容都设置表单对象。
• 表单控件元素- 表单对象包含为该对象定义的所有元素，例如文本字段、按钮、单选按钮和复选框。

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

现在存在以下几个dom

• legacy 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[] 数组存在，那么就使用它
} else {
   // 否则使用 legacy dom
}