---
title: DOM
seo:
  title: DOM — React Developer
  description: Тема «DOM» для собеседования React Developer. Что такое DOM?
---

[Все темы React Developer](/react-developer)

## <strong>Что такое</strong> <code>DOM</code><strong>?</strong> [#q-14bee738d69b81f4adc9e657446d3c74]

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

#### Основные характеристики&#58;

{/* prettier-ignore */}
1. <strong>Структура документа</strong>&#58;

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

1. <strong>Доступ и управление</strong>&#58;

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

    - Пример&#58;

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

1. <strong>События</strong>&#58;

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

    - Пример&#58;

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

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

:::note[Ссылки для изучения]

1. [DOM дерево в JavaScript](https://learn.javascript.ru/dom-nodes)
   :::