roma-dxunvrs
13 lines
1.4 KiB
Markdown
13 lines
1.4 KiB
Markdown
- 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;`
|
|
- изменение узлов
|
|
- изменение связей между узлами
|
|
- удаление узлов |