Что такое DOM-дерево

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

Ответ

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

Привет

DOM — это мощно!

``` В DOM это превратится в иерархию узлов, где: * `document` — корневой узел * `html` — его дочерний элемент * `head` и `body` — дети `html` и т.д. Особенности: * Живое представление — изменения в DOM сразу отражаются на странице * API для манипуляций (getElementById, querySelector, addEventListener) * Доступно через глобальный объект `document`