Files
obsidian/Веб/Фронтенд/DOM.md
T
roma-dxunvrs 04fc7af4f4 Weekends
2026-09-07 08:24:01 +03:00

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;
  • изменение узлов
  • изменение связей между узлами
  • удаление узлов