DOM (Document Object Model) описывает страницу как дерево узлов. Каждый элемент, атрибут, текстовый блок или комментарий становится отдельным объектом. Вершиной дерева является объект document, а внутри него располагаются вложенные элементы — html, head, body и их дочерние узлы.
Структура DOM позволяет:
- получать доступ к элементам страницы;
- изменять контент и стили;
- добавлять и удалять узлы;
- реагировать на действия пользователя.
Например, когда JavaScript изменяет текст кнопки или добавляет новый блок на страницу, он работает именно со структурой DOM. Чем логичнее и чище построена DOM-иерархия, тем проще управлять страницей и тем выше её производительность.
Таким образом, DOM — это программная модель страницы, которая связывает HTML-разметку и интерактивную логику сайта.
