Informatică Rețele
Ce este DOM JavaScript?
DOM (Document Object Model) în JavaScript este o reprezentare în arbore a structurii HTML a unei pagini web, care permite modificarea dinamică a conținutului, stilului și structurii. Este o interfață de programare pentru documente HTML și XML.
Componente ale DOM
- Noduri Elemente HTML (ex: <div>), atribute (ex: class), text - fiecare este un nod în arbore.
- Proprietăți document.body, element.innerHTML, element.style - permit accesul și modificarea.
- Metode getElementById, querySelector, createElement - pentru selectarea și crearea elementelor.
Operații comune
- 1 Selectare element const titlu = document.getElementById('titlu'); - găsește elementul cu id='titlu'.
- 2 Schimbare conținut titlu.innerHTML = 'Noul titlu'; - modifică textul din interiorul elementului.
- 3 Adăugare element const paragraf = document.createElement('p'); paragraf.textContent = 'Salut'; document.body.appendChild(paragraf);
Exersează manipularea DOM în consola browserului pentru a înțelege cum funcționează în timp real.