The Document Object Model(DOM) is a programming interface for web documents. It represents the page so that programs can change the document structure, style, and content. The DOM represents the document as nodes and objects; that way, programming languages can interact with the page.
As an object-oriented representation of the web page, it can be modified with a scripting language such as JavaScript.
Web Sustainability
The Document Object Model (DOM)
Interacting with the DOM
<!DOCTYPE html><html><head>Â <meta charset="utf-8">Â <meta name="viewport" content="width=device-width, initial-scale=1">Â <link rel="stylesheet" type="text/css" href="main.css">Â <title>JavaScript Day 2</title></head><body>Â <div class="wrapper">Â Â <section>Â Â Â <h1>Hello!</h1>Â Â </section>Â Â <section>Â Â Â <h1>It’s November Third</h1>Â Â </section>Â </div>Â <script src="main.js" type="text/javascript"></script></body></html>body {Â background-color: Â blue;