Document Object Model (DOM)

Using the W3C DOM Level 1 Core
Introduction to the W3C DOM.

The Document Object Model (DOM) is an API for HTML and XML documents. It provides a structural representation of the document, enabling you to modify its content and visual presentation by using a scripting language such as JavaScript.

Documentation about the DOM

Gecko DOM Reference: The Gecko Document Object Model Reference.
About the Document Object Model: A short introduction to the DOM.
The DOM and JavaScript: What is the DOM? What is JavaScript? How do I use them together on my web page? This document answers these questions and more.
Using dynamic styling information: How to obtain information on and manipulate styling via the DOM.
DOM event reference: Lists all the DOM events and their meanings.
History API: Manipulating the browser history: Demonstrates the HTML5-introduced DOM window.history object, allowing dynamic changes to the browser history.
File API: Using files from web applications: Describes the HTML5-introduced capability to select a local file and read data from it.
Using the Page Visibility API: Explains how to detect and use information about a web page being in the foreground or in the background.
Fullscreen API: Using the fullscreen mode: Describes how to set up a page that use the whole screen, without any browser UI around it.
Determining the dimensions of elements: How to figure out the right way to determine the dimensions of elements, given your needs.
Dynamically modifying XUL-based user interface: The basics of manipulating the XUL UI with DOM methods.

View All...

Getting help from the community

You need help on a DOM-related problem and can't find the solution in the documentation?

Consult the dedicated Mozilla forum:

Tools easing working with the DOM