Convention for representing and interacting with objects in HTML, XHTML, and XML documents
This article includes a list of general references, but it lacks sufficient corresponding inline citations. Please help to improve this article by introducing more precise citations.(August 2010) (Learn how and when to remove this template message)
Document Object Model (DOM)
Example of DOM hierarchy in an HTML document
Abbreviation
DOM
First published
October 1, 1998; 25 years ago (1998-10-01)
Latest version
DOM4[1] November 19, 2015; 8 years ago (2015-11-19)
Organization
World Wide Web Consortium, WHATWG
Base standards
WHATWG DOM Living Standard W3C DOM4
HTML
Dynamic HTML
HTML5
article
audio
canvas
video
XHTML
Basic
Mobile Profile
HTML element
meta
div and span
blink
marquee
HTML attribute
alt attribute
HTML frame
HTML editor
Character encodings
named characters
Unicode
Language code
Document Object Model
Browser Object Model
Style sheets
CSS
Font family
Web colors
JavaScript
WebCL
Web3D
WebGL
WebGPU
WebXR
W3C
Validator
WHATWG
Quirks mode
Web storage
Rendering engine
Comparisons
Document markup languages
Comparison of browser engines
v
t
e
The Document Object Model (DOM) is a cross-platform and language-independent interface that treats an HTML or XML document as a tree structure wherein each node is an object representing a part of the document. The DOM represents a document with a logical tree. Each branch of the tree ends in a node, and each node contains objects. DOM methods allow programmatic access to the tree; with them one can change the structure, style or content of a document.[2] Nodes can have event handlers (also known as event listeners) attached to them. Once an event is triggered, the event handlers get executed.[3]
The principal standardization of the DOM was handled by the World Wide Web Consortium (W3C), which last developed a recommendation in 2004. WHATWG took over the development of the standard, publishing it as a living document. The W3C now publishes stable snapshots of the WHATWG standard.
In HTML DOM (Document Object Model), every element is a node:[4]
A document is a document node.
All HTML elements are element nodes.
All HTML attributes are attribute nodes.
Text inserted into HTML elements are text nodes.
Comments are comment nodes.
^All versioning refers to W3C DOM only.
^"Document Object Model (DOM): definition, structure and example". IONOS Digitalguide. Retrieved 2022-04-21.
^"Document Object Model (DOM)". W3C. Retrieved 2012-01-12. The Document Object Model is a platform- and language-neutral interface that will allow programs and scripts to dynamically access and update the content, structure and style of documents.
^"JavaScript HTML DOM".
and 23 Related for: Document Object Model information
The DocumentObjectModel (DOM) is a cross-platform and language-independent interface that treats an HTML or XML document as a tree structure wherein...
Browser ObjectModel (BOM) is a browser-specific convention referring to all the objects exposed by the web browser. Unlike the DocumentObjectModel, there...
and CSS, the contents of the document are represented as objects in a programming model known as the DocumentObjectModel (DOM). The DOM API is the foundation...
specifications for the HyperText Markup Language (HTML) and the DocumentObjectModel (DOM). The central organizational membership and control of WHATWG...
Web storage, sometimes known as DOM storage (DocumentObjectModel storage), is a standard JavaScript API provided by web browsers. It enables websites...
parsing code. DocumentObjectModel (DOM) is an API that allows for navigation of the entire document as if it were a tree of node objects representing...
represented service or system. For example, the DocumentObjectModel (DOM) [1] is a collection of objects that represent a page in a web browser, used by...
example is an adapter that converts the interface of a DocumentObjectModel of an XML document into a tree structure that can be displayed. The adapter...
DOM (DocumentObjectModel) Events are a signal that something has occurred, or is occurring, and can be triggered by user interactions or by the browser...
Component ObjectModel (COM) is a binary-interface standard for software components introduced by Microsoft in 1993. It is used to enable inter-process...
as an object in a scene graph or DocumentObjectModel, which is subsequently rendered to a bitmap. This means that if attributes of an SVG object are changed...
client-side code will need to navigate the internal structure (or DocumentObjectModel) of the web page. The most common reason for this is that the page...
client where it can be deterministically reconstructed into DOM (DocumentObjectModel) elements. Progressive enhancement strategy can be employed during...
JavaScript engine runs in concert with the rendering engine via the DocumentObjectModel and Web IDL bindings. However, the use of JavaScript engines is...
Its main purpose is to inspect and edit the DocumentObjectModel (DOM) tree of HTML and XML-based documents. A DOM node can be selected from the tree structure...
and <menu> were changed, redefined, or standardized. The APIs and DocumentObjectModel (DOM) are now fundamental parts of the HTML5 specification, and...
Cascading Style Sheets, ECMAScript, Scalable Vector Graphics, or the DocumentObjectModel. Conformance testing for those standards is within the purview of...
capability of validating and parsing XML documents. It has three basic parsing interfaces: the DocumentObjectModel parsing interface or DOM interface the...