The DOM: Your HTML as a Live Object Tree
The DOM is the browser's live model of a webpage, represented as a tree of objects. JavaScript uses it to find elements, change content, and react to clicks. The footgun: DOM changes are in-memory; they don't edit the original HTML file on the server.
The Document Object Model (DOM) is the browser's API for your webpage, turning static HTML text into a live, interactive tree of objects. Every time JavaScript manipulates a page—like adding an item to a list or changing a button's color—it's using the DOM API. The footgun: Don't confuse the DOM with the HTML source code. The DOM is an in-memory representation; modifying it changes the live page but doesn't touch the original `.html` file on the server.
Read the original → Wikipedia: Document Object Model
- #dom
- #web apis
- #javascript
- #html
Get five bites like this every day.
Tezvyn delivers a daily feed of 60-second tech bites with quizzes to lock in what you learn.