The DOM | Document Object Model Explained

Published: 17 November 2022
on channel: Train To Code

2,923

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

On this page of the site you can watch the video online The DOM | Document Object Model Explained with a duration of hours minute second in good quality, which was uploaded by the user Train To Code 17 November 2022, share the link with friends and acquaintances, this video has already been watched 2,923 times on youtube and it was liked by 51 viewers. Enjoy your viewing!

38,835

566