Ce este evenimentul DOMContentLoaded?

Acest eveniment are loc atunci când documentul HTML inițial a fost încărcat și analizat complet, fără a aștepta încărcarea foilor de stil, imaginilor și subcadrelor.

Principala diferență față de evenimentul load:

• DOMContentLoaded: Se va declanșa atunci când structura DOM este gata.
• load: Se va declanșa doar după încărcarea completă a tuturor resurselor paginii (imagini, CSS, scripturi, dacă nu sunt async/defer).

Utilizare:

// Adăugăm un ascultător pentru evenimentul DOMContentLoaded
document.addEventListener('DOMContentLoaded', () => {
  // Codul care trebuie executat după încărcarea și analizarea completă a DOM
  console.log('DOM complet încărcat și analizat.');
});

Acest eveniment este adesea folosit pentru a executa cod JavaScript care manipulează DOM-ul, deoarece nu este necesar să se aștepte încărcarea tuturor resurselor externe.