DOM

Все темы React Developer

Что такое DOM?

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

Основные характеристики:

1. Структура документа:

   • Представляет HTML или XML документ как дерево объектов, где каждый элемент является узлом.

2. Доступ и управление:

   • Предоставляет методы и свойства для доступа к элементам и изменения их содержимого, структуры и стиля.

   • Пример:

     document.getElementById("myElement").textContent = "Hello, World!";

3. События:

   • Поддерживает обработку событий, таких как клики, ввод текста и загрузка страницы.

   • Пример:

     document.getElementById("myButton").addEventListener("click", function() {
         alert("Button clicked!");
     });

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