---
title: HTML Dom
localeTitle: HTML Dom
---
## HTML Dom
С HTML DOM JavaScript может получить доступ и изменить все элементы HTML-документа.
Когда веб-страница загружается, браузер создает **D** ocument **O** bject **M** odel на странице.
Модель HTML DOM построена как дерево объектов:
Каждый элемент в DOM также называется узлом.
```html
My title
My Link
My header
```
DOM для вышеуказанного HTML выглядит следующим образом:
![Дерево DOM](https://www.w3schools.com/js/pic_htmltree.gif)
С объектной моделью JavaScript получает все необходимое для создания динамического HTML:
* JavaScript может изменять все элементы HTML на странице
* JavaScript может изменить все атрибуты HTML на странице
* JavaScript может изменять все стили CSS на странице
* JavaScript может удалить существующие элементы и атрибуты HTML
* JavaScript может добавлять новые HTML-элементы и атрибуты
* JavaScript может реагировать на все существующие HTML-события на странице
* JavaScript может создавать новые HTML-события на странице
#### Дополнительная информация:
[W3C - HTML DOM](https://www.w3schools.com/js/js_htmldom.asp)