Что такое DOM

DOM (Document Object Model) — это программный интерфейс для HTML и XML документов. Он представляет страницу в виде дерева объектов, где каждый узел — это часть документа (элемент, атрибут, текст и т.д.). DOM позволяет JavaScript динамически изменять структуру, стили и содержимое страницы.

Пример:

// Получаем элемент по id
const element = document.getElementById('myElement');

// Меняем текст
element.textContent = 'Новый текст';

// Добавляем класс
element.classList.add('active');

Ключевые особенности:

• Иерархическая древовидная структура
• Доступ через API (методы querySelector, createElement и др.)
• Отражение текущего состояния страницы
• Изменения DOM приводят к перерисовке страницы (reflow/repaint)