Почему есть DOM

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

Без DOM браузер не мог бы:

1. Обновлять контент без перезагрузки страницы
2. Обрабатывать пользовательские события
3. Создавать интерактивные веб-приложения

Пример работы с DOM:

// Находим элемент
const button = document.querySelector('#myButton');

// Добавляем обработчик события
button.addEventListener('click', () => {
  // Меняем содержимое
  button.textContent = 'Clicked!';
});

DOM абстрагирует HTML-документ, превращая его в объектную модель, с которой может работать JavaScript. Это фундамент динамических веб-страниц.