Документная объектная модель представляет собой древовидное программное представление HTML или XML документа, создаваемое браузером при загрузке веб-страницы. DOM преобразует каждый тег, атрибут и текстовый блок в удобные для программного управления объекты и узлы, позволяя скриптам на JavaScript динамически изменять содержимое, структуру и стили интерфейса в реальном времени. Когда пользователь совершает определенное действие, например кликает по кнопке, код может обратиться к DOM для добавления новых элементов, удаления старых или изменения внешнего вида страницы без необходимости ее полной перезагрузки. Однако частые прямые манипуляции с деревом элементов могут существенно замедлить работу приложения из-за постоянных перерасчетов верстки браузером. Именно поэтому современные фронтенд-фреймворки активно используют оптимизированные виртуальные аналоги DOM, минимизирующие издержки при обновлении пользовательского интерфейса.
DOM (Document Object Model)