Рендер узла в DOM (Document Object Model) дереве происходит не только после перезагрузки страницы, но и при других изменениях в структуре DOM или при манипуляциях с элементами на странице.
DOM - это представление структуры HTML-документа в виде древовидной структуры объектов. Когда браузер обрабатывает HTML-документ, он создает DOM для представления элементов страницы. Рендеринг DOM означает преобразование этой структуры в то, что пользователь видит на экране - визуальное отображение HTML-элементов, их стилей, расположения и содержимого.
При загрузке страницы, браузер сначала строит внутреннюю структуру DOM, обходит ее и рендерит содержимое на экране. Это называется "первичным рендерингом" и происходит только один раз в начале загрузки страницы.
Однако, после первичного рендеринга, DOM может быть изменен с помощью JavaScript или других событий. Когда изменения в DOM происходят, браузер будет производить дополнительный рендеринг, чтобы обновить визуальное отображение страницы.
Например, при добавлении нового элемента в DOM с помощью JavaScript, браузер обновит свою внутреннюю структуру DOM и затем выполнит рендеринг этого нового элемента на экране. Этот процесс называется "динамическим рендерингом". Такой рендеринг может происходить в реальном времени, без перезагрузки страницы.
Однако, иногда изменения в DOM могут не отображаться на экране сразу же, особенно в случае сложных операций или большого количества изменений. Браузер может собирать несколько обновлений вместе и выполнять рендеринг только один раз после всех изменений, чтобы повысить производительность.
В целом, рендеринг DOM является динамичным процессом, который может происходить не только при перезагрузке страницы, но и в ответ на изменения в DOM, вызванные JavaScript или другими событиями.