Можешь объяснить, что такое Document Object Model (DOM) и как JavaScript использует его для манипуляции содержимым и структурой веб-страницы?

Question

Accepted Answer

## Что такое DOM?

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

## Как JavaScript использует DOM

JavaScript может *динамически* читать и изменять DOM без перезагрузки страницы. Это позволяет изменять:

- **Содержимое** — обновление текста или HTML внутри элементов
- **Структуру** — добавление, удаление или переупорядочение элементов
- **Стили** — изменение CSS-свойств на лету

## Распространённые операции с DOM

Получение элемента по его ID:
```
document.getElementById('myElement')
```

Изменение текстового содержимого:
```
element.textContent = 'Hello World'
```

Добавление нового элемента:
```
const newDiv = document.createElement('div')
document.body.appendChild(newDiv)
```

## Главный вывод

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

Можешь объяснить, что такое Document Object Model (DOM) и как JavaScript использует его для манипуляции содержимым и структурой веб-страницы?

Ответ

Что такое DOM?

Как JavaScript использует DOM

Распространённые операции с DOM

Главный вывод

Проверочные вопросы

Помогите улучшить этот вопрос

Обсуждение