HTML5 APPLICATIONS DEVELOPMENT MANUAL (2016)

23 - Document Object Model (DOM)

When a web page is loaded, the browser creates a Document Object Model of the page.

TheHTML DOM model is constructed as a tree of Objects:

With the object model, JavaScript gets all the power it needs to create dynamic HTML:

- JavaScript can change all the HTML elements in the page

- JavaScript can change all the HTML attributes in the page

- JavaScript can change all the CSS styles in the page

- JavaScript can remove existing HTML elements and attributes

- JavaScript can add new HTML elements and attributes

- JavaScript can react to all existing HTML events in the page

- JavaScript can create new HTML events in the page

The HTML DOM is a standard object model and programming interface for HTML. It defines:

- The HTML elements as objects

- The properties of all HTML elements

- The methods to access all HTML elements

- The events for all HTML elements

In other words: The HTML DOM is a standard for how to get, change, add, or delete HTML elements.

All materials on the site are licensed Creative Commons Attribution-Sharealike 3.0 Unported CC BY-SA 3.0 & GNU Free Documentation License (GFDL)

If you are the copyright holder of any material contained on our site and intend to remove it, please contact our site administrator for approval.

© 2016-2026 All site design rights belong to S.Y.A.