DOM документа

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

Основные моменты

1. Древовидная структура: DOM представляет документ как дерево, где каждый узел — это объект (например, элемент, атрибут или текстовый узел).

2. Доступ и изменение: С помощью DOM можно программно получать доступ к элементам, изменять их свойства, добавлять или удалять элементы.

3. Кросс-платформенность: DOM работает в браузерах и других средах, поддерживающих HTML/XML.

4. Пример:

   <div id="main">
       <p>Привет, мир!</p>
   </div>

    

   В DOM это будет выглядеть как дерево:

   • div (элемент)
     └── p (элемент)
               └── "Привет, мир!" (текстовый узел).

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