What is the DOM?

The HTML code you write is parsed by the brower and turned into the DOM. If you right click on any website while you are in your web broswer and choose, 'View Page Source' some familiar HTML code witll pop up--that is a visual representation of the DOM!

So is the

Think of the DOM as a tree, representing all the ways that a web page document can be manipulated. Various APIs (Application Program Interfaces) have been written so that programmers, using their programming language of choice, can access the DOM and edit, change, rearrange, and otherwise manage it.

A representation of the DOM and the HTML markup that references it. From Olfa Nasraoui

Prerequisite

To complete learn about the DOM it is best to build a small project that showcases the capabilities of understanding exactly how to use all of the tools DOM manipulation schematics offer.

Go to https://codepen.io/rommelnunez/pen/QWvqGmL to access the project you will be working on.