The DOM

Intro

When a web browser loads an HTML file from a server, that file comes in the form of text. It is the job of the Browser to parse the text and translate it from text into elements on the page. That mapping of HTML to rendered elements is called the Document Object Model, or DOM.

Once the DOM is loaded and rendered from the HTML documents, it can be manipulated with JavaScript. That is one of the most common uses of JavaScript.

Prerequisites

You should be familiar with HTML, JavaScript, and How the Web Works before starting the DOM badge.

Suggested Learning

• CSS Tricks Article - This article is simple and straightforward.

Requirements

• Study the items in the suggested learning
• Write a summary of what you learned or have a video chat with your mentor to discuss what you learned about how the web works.
• Complete the JavaScript and the DOM requirement to pass off this requirement.

Extra Learning

• MDN on the DOM - A more in-depth introduction.
• DOM Enlightenment - An entire book about the DOM.

This list is by no means complete. Feel free to add an issue or put in a pull request to update it.