Access the DOM

When you add a JS script to a web page (as we saw at the beginning of the course), the browser injects a specific global variable that allows you to manipulate the web page's DOM tree.

The DOM (for Document Object Model) represents the entirety of the page's HTML and CSS content in the form of a tree, where each element is contained within another.

Here is a simplified representation of this tree, to make it easier to understand