Как да определите дали DOM е зареден?

Използвайте събитието DOMContentLoaded.

document.addEventListener('DOMContentLoaded', () => {
  // Код, който ще бъде изпълнен след зареждане на DOM
});

Алтернативно, можете да проверите свойството document.readyState:

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', () => {
    // Код
  });
} else {
  // DOM вече е зареден
}

Събитието DOMContentLoaded се задейства след пълното зареждане и парсиране на HTML документа, но преди зареждането на външни ресурси като стилове и изображения.

За определяне на пълното зареждане на страницата, включително всички ресурси, се използва събитието load:

window.addEventListener('load', () => {
  // Код, който ще бъде изпълнен след пълното зареждане на страницата
});