The Document Object Model ("DOM" for short) is a way of accessing the elements on a web page, including those loaded with HTML. The document is held in a tree structure with each node of the tree represented by an object in memory. These document objects are then accessible through javascript.
Since the DOM is accessible through Javascript in the browser, it is possible to write complex Javascript applications that interact with the DOM, reading properties and performing updates to create rich, interactive websites.
In this video I will explain the Document Object Model and how it works in your browser.
00:00 Introduction
00:38 HTML to Objects
02:15 DOM Tree Structure
02:48 List Items Example
04:26 Element Properties Example
06:50 Finding Elements Example
07:53 Changing Styles
08:50 Traversing the Node Tree
09:21 Conclusion
