Kuidas määrata, kas DOM on laaditud?

Kasutage DOMContentLoaded sündmust.

document.addEventListener('DOMContentLoaded', () => {
  // Kood, mis käivitub pärast DOM-i laadimist
});

Alternatiivina saate kontrollida document.readyState omadust:

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', () => {
    // Kood
  });
} else {
  // DOM on juba laaditud
}

DOMContentLoaded sündmus käivitub pärast seda, kui HTML-dokument on täielikult laaditud ja parseeritud, kuid enne väliste ressursside, nagu stiilid ja pildid, laadimist.

Selleks, et määrata kindlaks lehe täielik laadimine, sealhulgas kõik ressursid, kasutatakse load sündmust:

window.addEventListener('load', () => {
  // Kood, mis käivitub pärast lehe täielikku laadimist
});