What is the DOM?

Understanding the Document Object Model

Lesson 51

+25 XP

Step 1 of 5

What is the DOM?

The DOM (Document Object Model) is a programming interface that represents your HTML document as a tree of objects. It allows JavaScript to interact with and manipulate web pages dynamically!

Think of it like this: If your HTML is a blueprint of a house, the DOM is the actual house that you can walk through, rearrange furniture, paint walls, and make changes to!

<!DOCTYPE html>
<html>
  <head>
    <title>My Page</title>
  </head>
  <body>
    <h1>Welcome!</h1>
    <p>This is a paragraph.</p>
  </body>
</html>

This HTML becomes a DOM tree that JavaScript can access and modify!