The DOM

Selecting, reading and changing elements.

Video tutorialTrack course · freeCodeCamp

JavaScript Full Course for Beginners

Speed

0.75x1x1.25x1.5x2x

Skip intro Next lesson

Watch 00:00 · 1 checkpoints Watch on YouTube More on this topic

Transcript & captions .txt

5/5

1. 00:00The DOM. Selecting, reading and changing elements.
2. 00:05The DOM is the browser's object representation of your HTML.
3. 00:10Use querySelector / querySelectorAll to grab elements, then change textContent, innerHTML, classList, style or attributes.
4. 00:16Try it yourself — edit the sample and run it in the browser.
5. 00:21Note: Prefer textContent over innerHTML when inserting user data — innerHTML can execute injected markup.

The DOM is the browser's object representation of your HTML. Use querySelector / querySelectorAll to grab elements, then change textContent, innerHTML, classList, style or attributes.