Почему есть DOM

«Почему есть DOM» — вопрос из категории HTML, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

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. Это фундамент динамических веб-страниц.