DOM

是“Document Object Model”的缩写。

DOM 是一种用于访问和修改网页XML文档内容的编程接口。它定义了文档的逻辑结构,将文档视为一棵树,其中每个分支节点代表单独的元素。程序脚本可以访问 DOM,以读取和修改文档的结构、内容和样式。

DOM 将HTML和 XML 文件的结构组织成一种称为“节点”的对象层次结构。最顶层是 Document 节点,代表整个文档。接下来是 Element 节点,代表单独的 HTML 或 XML 标签。Element 节点本身也具有层次结构,因为它们彼此嵌套。例如,<html> 节点距离文档的根节点最近,并包含 <head><body> 节点,而这两个节点各自又包含 <div><p> 等子节点元素。

DOM 中的每个元素节点都包含多个用于修改其属性的 Attribute 节点。例如,一个 <img> 元素节点可以包含 srcaltwidthheight 属性节点,使某些JavaScript能够修改其中任何属性。最后,Text 节点包含每个元素中的文本,构成文档内容。Text 节点是这棵树的叶节点,其后不再有其他层级。

显示多个元素及其相互关系的 DOM 层次结构
显示多个元素及其相互关系的 DOM 层次结构

使用 JavaScript(或其他脚本语言)访问网页的 DOM,可以创建动态且具有交互性的网页。例如,附加到节点的事件处理程序可以等待用户交互,例如鼠标点击或键盘输入,然后根据这些交互修改页面内容。JavaScript 事件可以使用 DOM 删除现有节点并添加新节点。脚本可以从服务器上的数据库获取数据,并使用 DOM 将这些数据插入特定的文本元素中。脚本还可以使用 DOM 修改元素的CSS属性,从而改变文档的外观和布局。

更新日期 June 22, 2023 作者 Brian P.

quiz测试你的知识

An online advertisement receives an impression when what happens?

A
A person clicks on the ad
0%
B
A person submits information to a form in the ad
0%
C
A person views the ad
0%
D
A person buys the advertised product
0%
Correct! Incorrect!     View the Impression definition.
More Quizzes →

Tech Terms 计算机词典

本页中DOM的定义是由 TechTerms.com 的作者撰写的原创定义。如果您想引用本页或引用此定义,请使用定义正下方的绿色引用栏。

我们的目标是以简单易懂的方式解释计算机术语。我们努力使发布的每个定义都做到准确和简明。如果您对本定义有任何反馈,或想建议一个新的技术术语,请联系我们

Tech Terms 通讯

通过我们的每日或每周通讯提升您的技术知识!立即订阅,即可将新术语和测验发送到您的收件箱。

订阅免费的 TechTerms 通讯

您希望多久收到一封电子邮件?

您可以随时使用每封邮件中的链接取消订阅或更改接收频率。 有疑问?请联系我们

注意:通讯以英文发送。