Co je událost DOMContentLoaded?

Tato událost nastává, když je počáteční dokument HTML plně načten a analyzován, aniž by bylo nutné čekat na načtení stylových listů, obrázků a podřízených rámců.

Hlavní rozdíl od události load:

• DOMContentLoaded: Spustí se, když je struktura DOM připravena.
• load: Spustí se až po úplném načtení všech zdrojů stránky (obrázků, CSS, skriptů, pokud nejsou async/defer).

Použití:

// Přidáme posluchače události DOMContentLoaded
document.addEventListener('DOMContentLoaded', () => {
  // Kód, který má být proveden po úplném načtení a analýze DOM
  console.log('DOM byl plně načten a analyzován.');
});

Tato událost se často používá k provádění JavaScriptového kódu, který manipuluje s DOM, protože není nutné čekat na načtení všech externích zdrojů.