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 manipulating 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

DOM Reference
The 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?

Tools easing working with the DOM

View All...