JS — DOM

Overview

The DOM lets JavaScript read and update HTML elements.

What you'll learn

• querySelector
• textContent
• classList
• createElement

Syntax

document.querySelector("h1").textContent = "Hello";

Example

const btn = document.querySelector("#btn");
btn.addEventListener("click", ()=>{
  document.querySelector("#msg").textContent = "Clicked!";
});

Notes

• Use event listeners instead of inline onclick.
• Prefer textContent over innerHTML when possible.

  Try: Open the Playground: /en/playground/html