Kako odrediti da li je DOM učitan?

Koristite događaj DOMContentLoaded.

document.addEventListener('DOMContentLoaded', () => {
  // Kod koji će se izvršiti nakon učitavanja DOM-a
});

Alternativno, možete proveriti svojstvo document.readyState:

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', () => {
    // Kod
  });
} else {
  // DOM je već učitan
}

Događaj DOMContentLoaded se aktivira nakon što je HTML dokument potpuno učitan i parsiran, ali pre učitavanja spoljašnjih resursa kao što su stilovi i slike.

Za određivanje potpunog učitavanja stranice, uključujući sve resurse, koristi se događaj load:

window.addEventListener('load', () => {
  // Kod koji će se izvršiti nakon potpunog učitavanja stranice
});