Что такое DOM (объектная модель документа)?

DOM ( объектная модель документа ) - это API, который представляет элементы документов HTML и XML как объекты языка программирования. Структура DOM для любого документа напоминает фактическую структуру разметки документа. Веб-разработчик может программно манипулировать DOM, чтобы изменить веб-страницу, до или во время ее просмотра пользователем.

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

В прошлом DOM имел фундаментальные различия между браузерами, но сегодня стал гораздо более стандартизированным, что позволяет разработчикам создавать более простые межбраузерные скрипты.

Пример DOM с использованием HTML

Рассмотрим следующий HTML-документ:

 пример 

Это страница-образец.

DOM для этого документа включает в себя все элементы и любые текстовые узлы в этих элементах. Код в предыдущем примере создает иерархию объектов, как показано ниже.

Для каждого элемента в документе root () есть узел элемента, и эти узлы элемента имеют текстовые узлы, содержащие текст, который находится в элементе. Если бы существовал элемент с атрибутами, для этого элемента был бы создан узел атрибута, а любой текст для атрибута создал бы текстовый узел под этим узлом атрибута.

Интернет условия, условия программирования