Čo je udalosť DOMContentLoaded?

Táto udalosť nastáva, keď je počiatočný HTML dokument úplne načítaný a analyzovaný, bez čakania na načítanie štýlových tabuliek, obrázkov a podriadených rámcov.

Hlavný rozdiel od udalosti load:

• DOMContentLoaded: Spustí sa, keď je štruktúra DOM pripravená.
• load: Spustí sa až po úplnom načítaní všetkých zdrojov stránky (obrázky, CSS, skripty, ak nie sú async/defer).

Použitie:

// Pridáme poslucháča udalosti DOMContentLoaded
document.addEventListener('DOMContentLoaded', () => {
  // Kód, ktorý má byť vykonaný po úplnom načítaní a analýze DOM
  console.log('DOM bol úplne načítaný a analyzovaný.');
});

Táto udalosť sa často používa na vykonávanie JavaScriptového kódu, ktorý manipuluje s DOM, pretože nie je potrebné čakať na načítanie všetkých externých zdrojov.