Главная страница  /  Занятия  /  #1  /  DOM – объектная модель документа

DOM – объектная модель документа

Задание:

Рассказать о том, где и как можно посмотреть DOM.

Где и как посмотреть DOM?

Для того, чтобы посмотеть DOM, например, в Google Chrome, нужно открыть «Инструменты разработчика» и выбрать вкладку «Elements».


При выделении любого элемента в DOM справа отразится информация об этом элементе: примененные стили, вычисленные стили, размеры элемента и т. п.


Необходимо отметить, что отображение DOM во вкладке Elements не совсем соответствует реальной DOM. Например, там не отображаются пробельные узлы (для удобства просмотра). С другой стороны, в Elements можно увидеть псевдоэлементы CSS, такие как ::before и ::after. Это также сделано для удобства, в реальной DOM их не существует.