DOM
是“Document Object Model”的缩写。
DOM 是一种用于访问和修改网页和XML文档内容的编程接口。它定义了文档的逻辑结构,将文档视为一棵树,其中每个分支节点代表单独的元素。程序和脚本可以访问 DOM,以读取和修改文档的结构、内容和样式。
DOM 将HTML和 XML 文件的结构组织成一种称为“节点”的对象层次结构。最顶层是 Document 节点,代表整个文档。接下来是 Element 节点,代表单独的 HTML 或 XML 标签。Element 节点本身也具有层次结构,因为它们彼此嵌套。例如,<html> 节点距离文档的根节点最近,并包含 <head> 和 <body> 节点,而这两个节点各自又包含 <div> 和 <p> 等子节点元素。
DOM 中的每个元素节点都包含多个用于修改其属性的 Attribute 节点。例如,一个 <img> 元素节点可以包含 src、alt、width 和 height 属性节点,使某些JavaScript能够修改其中任何属性。最后,Text 节点包含每个元素中的文本,构成文档内容。Text 节点是这棵树的叶节点,其后不再有其他层级。
使用 JavaScript(或其他脚本语言)访问网页的 DOM,可以创建动态且具有交互性的网页。例如,附加到节点的事件处理程序可以等待用户交互,例如鼠标点击或键盘输入,然后根据这些交互修改页面内容。JavaScript 事件可以使用 DOM 删除现有节点并添加新节点。脚本可以从服务器上的数据库获取数据,并使用 DOM 将这些数据插入特定的文本元素中。脚本还可以使用 DOM 修改元素的CSS属性,从而改变文档的外观和布局。
测试你的知识