Что такое DOM-дерево - Хак Собесов

Ответ

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

Пример структуры:

<html>
  <head>
    <title>Пример</title>
  </head>
  <body>
    <h1>Привет</h1>
    <p>DOM — это мощно!</p>
  </body>
</html>

В DOM это превратится в иерархию узлов, где:

document — корневой узел
html — его дочерний элемент
head и body — дети html и т.д.

Особенности:

Живое представление — изменения в DOM сразу отражаются на странице
API для манипуляций (getElementById, querySelector, addEventListener)
Доступно через глобальный объект document