Miks on DOM vajalik?

Dokumendi objektimudel (DOM) on vajalik, et JavaScript saaks veebilehe sisu nendega suhelda ja seda muuta. See kujutab HTML-dokumendi struktuuri objektide puuna, kus iga sõlm vastab lehe elemendile, atribuudile või tekstilõigule.

Tänu DOM-ile saab JavaScript:

• Juurdepääsu lehe elementidele (näiteks id, klassi, sildi järgi).
• Muuta elementide sisu (tekst, HTML).
• Muuta elementide stiile.
• Muuta dokumendi struktuuri (lisada, eemaldada, liigutada elemente).
• Reageerida kasutaja sündmustele (klõpsud, hiire liigutused jms).

Näide, kuidas saada element ID järgi:

// Saame elemendi id-ga "myElement"
const myElement = document.getElementById('myElement');

Näide, kuidas muuta elemendi tekstisisu:

// Muudame elemendi tekstisisu
myElement.textContent = 'Uus tekst';

Ilma DOM-ita oleks interaktiivsus ja dünaamilised muudatused veebilehtedel võimatud.