DevTools Tips: What is DOM? HTML versus DOM

Sofia Emelianova

What is the difference between HTML and DOM? In short, HTML represents the initial page content and the DOM (Document Object Model) represents the current content in a tree of objects.

Watch the video to learn how to:

• Inspect the DOM and see elements highlighted in the viewport on hover.
• Search for nodes in the DOM.
• Scroll elements into view.
• Manipulate the DOM with $ commands.
• Reference the currently-selected node with $0.
• Edit the DOM.
• Drag DOM nodes to reorder.
• Add attributes.

To learn more, see:

• Get started with viewing and changing the DOM
• HTML versus the DOM
• Introduction to the DOM