Kā noteikt, vai DOM ir ielādēts?

Izmantojiet DOMContentLoaded notikumu.

document.addEventListener('DOMContentLoaded', () => {
  // Kods, kas tiks pēc DOM ielādes
});

Alternatīvi, jūs varat pārbaudīt document.readyState īpašību:

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', () => {
    // Kods
  });
} else {
  // DOM jau ir ielādēts
}

DOMContentLoaded notikums tiek aktivizēts pēc tam, kad HTML dokuments ir pilnībā ielādēts un parsēts, bet pirms ārējo resursu, piemēram, stilu un attēlu, ielādes.

Lai noteiktu pilnu lapas ielādi, ieskaitot visus resursus, tiek izmantots load notikums:

window.addEventListener('load', () => {
  // Kods, kas tiks izpildīts pēc pilnas lapas ielādes
});