De ce este necesar DOM-ul?

DOM (Modelul Obiect al Documentului) este necesar pentru ca JavaScript să poată interacționa cu conținutul unei pagini web și să îl modifice. El reprezintă structura documentului HTML sub forma unui arbore de obiecte, unde fiecare nod corespunde unui element, atribut sau fragment de text al paginii.

Datorită DOM, JavaScript poate:

• Accesa elementele paginii (de exemplu, după id, clasă, etichetă).
• Modifica conținutul elementelor (text, HTML).
• Schimba stilurile elementelor.
• Modifica structura documentului (adăuga, șterge, mută elemente).
• Reacționa la evenimentele utilizatorului (clicuri, hover-uri etc.).

Exemplu de obținere a unui element după ID:

// Obținem elementul cu id "myElement"
const myElement = document.getElementById('myElement');

Exemplu de modificare a conținutului text al unui element:

// Modificăm conținutul text al elementului
myElement.textContent = 'Text nou';

Fără DOM, interactivitatea și modificările dinamice ale paginilor web ar fi imposibile.