Informatică Rețele

Ce este DOM in JavaScript?

DOM (Document Object Model) în JavaScript este o reprezentare ierarhică a elementelor unei pagini web, permițând manipularea lor dinamic. Este un API care transformă HTML într-un arbore de obiecte.

Structura DOM

  • Noduri Elemente HTML (ex. <div>), atribute, text sunt reprezentate ca noduri.
  • Arbore ierarhic Documentul este rădăcina, cu elemente copil și nepoți.
  • Accesare Folosește metode ca document.getElementById() pentru a selecta elemente.

Operații comune

  • Modificare conținut innerHTML schimbă conținutul unui element.
  • Adăugare elemente createElement() și appendChild() adaugă elemente noi.
  • Manipulare evenimente addEventListener() răspunde la acțiuni ale utilizatorului.

Exersează cu consola browserului pentru a înțelege DOM-ul în practică.

Mai multe din Rețele