Kaip nustatyti, ar DOM įkeltas?

Naudokite DOMContentLoaded įvykį.

document.addEventListener('DOMContentLoaded', () => {
  // Kodas, kuris bus vykdomas po DOM įkėlimo
});

Alternatyviai, galite patikrinti document.readyState savybę:

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', () => {
    // Kodas
  });
} else {
  // DOM jau įkeltas
}

DOMContentLoaded įvykis įvyksta po to, kai HTML dokumentas visiškai įkeltas ir išanalizuotas, bet prieš išorinių išteklių, tokių kaip stiliai ir paveikslėliai, įkėlimą.

Norint nustatyti pilną puslapio įkėlimą, įskaitant visus išteklius, naudojamas load įvykis:

window.addEventListener('load', () => {
  // Kodas, kuris bus vykdomas po pilno įkėlimo
});