- Document Object Model
- Это платформо-независимый интерфейс, позволяющий программам и скриптам получить доступ к содержимому [[HTML]]-документов
- Стандартизована W3C (World Wide Web Consortium)
- Документ в DOM представляет собой *дерево узлов*
- Узлы связаны между собой отношением родитель-потомок
- Используется для динамического изменения страниц HTML
- Генерируется браузером, браузер получил html с сервера и строит по нему дерево в ОЗУ. [[JavaScript|JS]] скрипты меняют содержимое DOM в оперативке (именно поэтому при нажатии F5 все сбрасывается)
- Также браузер может менять и [[CSS]]-стили - для них создается CSSOM (CSS Object Model) - F12 и просмотр кода элемента ровно это и делают
## Манипуляции через JavaScript
- получение узлов: `document.all("image1").outerHTML;`
- изменение узлов
- изменение связей между узлами
- удаление узлов