文档对象模型 (DOM)
文档对象模型 (DOM) 通过在内存中表示文档的结构(例如,表示网页的 HTML)来将网页连接到脚本或编程语言。通常它指的是 JavaScript,即使将 HTML、SVG 或 XML 文档建模为对象不是核心 JavaScript 语言的一部分。
DOM 使用逻辑树表示文档。树的每个分支都以一个节点结束,每个节点包含对象。DOM 方法允许以编程方式访问树。使用它们,您可以更改文档的结构、样式或内容。
节点也可以有事件处理程序附加到它们。一旦事件触发,事件处理程序就会被执行。
要详细了解 DOM 是什么以及它如何表示文档,请参阅我们的文章DOM 简介。
DOM 接口
AbortController
AbortSignal
AbstractRange
Attr
CDATASection
CharacterData
Comment
CustomEvent
Document
DocumentFragment
DocumentType
DOMError
已弃用DOMException
DOMImplementation
DOMParser
DOMPoint
DOMPointReadOnly
DOMRect
DOMTokenList
Element
Event
EventTarget
HTMLCollection
MutationObserver
MutationRecord
NamedNodeMap
Node
NodeIterator
NodeList
ProcessingInstruction
Range
StaticRange
Text
TextDecoder
TextEncoder
TimeRanges
TreeWalker
XMLDocument
过时的 DOM 接口
文档对象模型已被高度简化。为了实现这一点,在不同的 DOM 3 级或更早规范中的以下接口已被删除。它们不再可供 Web 开发人员使用。
DOMConfiguration
DOMErrorHandler
DOMImplementationList
DOMImplementationRegistry
DOMImplementationSource
DOMLocator
DOMObject
DOMSettableTokenList
DOMUserData
ElementTraversal
Entity
EntityReference
NameList
Notation
TypeInfo
UserDataHandler
HTML DOM
包含 HTML 的文档使用 Document
接口进行描述,该接口由 HTML 规范扩展,以包括各种特定于 HTML 的功能。特别是,Element
接口被增强为 HTMLElement
以及各种子类,每个子类代表一个(或一组密切相关的)元素。
HTML DOM API 提供对各种浏览器功能的访问,例如选项卡和窗口、CSS 样式和样式表、浏览器历史记录等。这些接口在 HTML DOM API 文档中进一步讨论。
SVG DOM
同样,包含 SVG 的文档也使用 Document
接口进行描述,该接口由 SVG 规范扩展,以包括各种特定于 SVG 的功能。特别是,Element
接口被增强为 SVGElement
以及各种子类,每个子类代表一个元素或一组密切相关的元素。这些接口在 SVG API 文档中进一步讨论。
规范
规范 |
---|
DOM 标准 |