Что такое DOM-дерево и зачем оно нужно?

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

DOM-дерево нужно для того, чтобы программы (например, браузеры или серверные парсеры) могли динамически получать доступ, изменять и управлять содержимым и структурой веб-страницы.

Пример: в браузере JavaScript может получить доступ к DOM-дереву, чтобы изменить текст, добавить или удалить элементы, изменить стили и т.д.

// Изменение текста заголовка на странице
const header = document.getElementById('title');
header.textContent = 'Новый заголовок';

Таким образом, DOM — это связующее звено между кодом и визуальным представлением документа.