10 / 36
Что такое DOM, CSSOM и Render Tree?
DOM (Document Object Model) -- древовидное представление HTML-документа, с которым работает JavaScript. CSSOM (CSS Object Model) -- древовидное представление всех CSS-правил и вычисленных стилей. Render Tree -- результат объединения DOM и CSSOM: только видимые элементы с их финальными стилями. Render Tree не содержит <head>, <script> и элементов с display: none, но содержит псевдоэлементы ::before/::after. Именно Render Tree используется для вычисления Layout и последующей отрисовки.