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