Document Object Model (DOM)

The Document Object Model (DOM) connects web pages to scripts or programming languages. Usually that means JavaScript, but modelling HTML, SVG, or XML documents as objects is not part of the JavaScript language. The DOM model 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 you can change the document's structure, style or content. Nodes can have event handlers attached to them. Once an event is triggered, the event handlers get executed.

An introduction to the DOM is available.

DOM interfaces

Obsolete DOM interfaces

The Document Object Model has been highly simplified. To achieve this, the following interfaces present in the different DOM level 3 or earlier specification have been removed. It is still not very clear whether some may be reintroduced or not, but for the time being they have to be considered as obsolete and should be avoided:

HTML interfaces

A document containing HTML is described using the HTMLDocument interface. Note that the HTML specification also extends the Document interface.

An HTMLDocument object also gives access to various features of browsers like the tab or the window, in which a page is drawn using the Window interface, the Style associated to it (usually CSS), the history of the browser relative to the context, History. Eventually, Selection is done on the document.

HTML element interfaces

Other interfaces

Obsolete HTML interfaces

SVG interfaces

SVG element interfaces

SVG data type interfaces

Here are the DOM API for data types used in the definitions of SVG properties and attributes.

Static type

Animated type

SMIL related interfaces

Other SVG interfaces

See also

• DOM Examples