DOM (Document Object Model) — это представление HTML-страницы в виде дерева объектов, которым можно управлять из JavaScript. Так страница оживает.
Найти элемент на странице:
const btn = document.querySelector("button"); const title = document.querySelector("#main-title"); // по id const items = document.querySelectorAll(".item"); // все по классу
Изменить содержимое и стиль:
title.textContent = "Новый заголовок"; title.style.color = "red"; btn.classList.add("active");
Создать и добавить элемент:
const li = document.createElement("li"); li.textContent = "Пункт"; document.querySelector("ul").append(li);
Любое визуальное изменение на странице после загрузки — это работа с DOM.