DOM-дерево (Document Object Model) — это программное представление HTML-документа в виде иерархической структуры объектов. Каждый HTML-элемент (тег, атрибут, текст) становится узлом дерева, что позволяет изменять структуру, стили и содержимое страницы динамически через JavaScript. Пример структуры DOM для простого HTML: ``` <div id="container"> <p>Hello, world!</p> </div> ``` В DOM это будет выглядеть как: - Документ (корень) - Элемент `<div id="container">` - Элемент `<p>` - Текстовый узел "Hello, world!" Доступ и манипуляции через JavaScript: ``` const paragraph = document.querySelector('p'); paragraph.textContent = 'New text'; // Изменяем содержимое ```