Kāpēc ir nepieciešams DOM?

DOM (Dokumenta objekta modelis) ir nepieciešams, lai JavaScript varētu ar interaktīviem elementiem sazināties un tos mainīt. Tas attēlo HTML dokumenta struktūru kā koku no objektiem, kur katrs mezgls atbilst elementam, atribūtam vai teksta fragmentam lapā.

Pateicoties DOM, JavaScript var:

• Pieklūt pie lapas elementiem (piemēram, pēc id, klases, taga).
• Mainīt elementu saturu (tekstu, HTML).
• Mainīt elementu stilus.
• Mainīt dokumenta struktūru (pievienot, dzēst, pārvietot elementus).
• Reaģēt uz lietotāja notikumiem (klikšķi, peles pārvietojumi utt.).

Piemērs, kā iegūt elementu pēc ID:

// Iegūstam elementu ar id "myElement"
const myElement = document.getElementById('myElement');

Piemērs, kā mainīt elementa teksta saturu:

// Mainām elementa teksta saturu
myElement.textContent = 'Jauns teksts';

Bez DOM, interaktivitāte un dinamiskas izmaiņas tīmekļa lapās būtu neiespējamas.