Модель объекта документа (DOM)

Модель объекта документа (DOM) связывает веб-страницы со скриптами или языками программирования, представляя структуру документа — например, HTML, представляющего веб-страницу — в памяти. Обычно она относится к JavaScript, хотя моделирование документов HTML, SVG или XML в виде объектов не является частью основного языка JavaScript.

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 уровня 3 или более ранних. Они больше недоступны веб-разработчикам.

• DOMConfiguration
• DOMErrorHandler
• DOMImplementationList
• DOMImplementationRegistry
• DOMImplementationSource
• DOMLocator
• DOMObject
• DOMSettableTokenList
• DOMUserData
• ElementTraversal
• Entity
• EntityReference
• NameList
• Notation
• TypeInfo
• UserDataHandler

Документ, содержащий HTML, описывается с помощью интерфейса Document, который расширяется спецификацией HTML для включения различных функций, специфичных для HTML. В частности, интерфейс Element расширяется до HTMLElement и различных подклассов, каждый из которых представляет собой один из (или семейство тесно связанных) элементов.

API HTML DOM предоставляет доступ к различным функциям браузера, таким как вкладки и окна, стили CSS и таблицы стилей, история браузера и т. д. Эти интерфейсы подробно рассматриваются в документации по HTML DOM API.

Аналогично, документ, содержащий SVG, также описывается с помощью интерфейса Document, который расширяется спецификацией SVG для включения различных функций, специфичных для SVG. В частности, интерфейс Element расширяется до SVGElement и различных подклассов, каждый из которых представляет элемент или семейство тесно связанных элементов. Эти интерфейсы подробно рассматриваются в документации по SVG API.

• Примеры DOM
• Модель объекта CSS (CSSOM)