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

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

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