Kodėl reikalingas DOM?

DOM (Dokumento Objekto Modelis) yra būtinas, kad JavaScript galėtų sąveikauti su tinklalapio turiniu ir jį keisti. Jis vaizduoja HTML dokumento struktūrą kaip medį iš objektų, kur kiekvienas mazgas atitinka elementą, atributą ar teksto fragmentą puslapyje.

Dėka DOM, JavaScript gali:

• Gauti prieigą prie puslapio elementų (pvz., pagal id, klasę, žymą).
• Keisti elementų turinį (tekstą, HTML).
• Keisti elementų stilių.
• Keisti dokumento struktūrą (pridėti, šalinti, perkelti elementus).
• Reaguoti į naudotojo įvykius (paspaudimus, pelės perėjimus ir kt.).

Pavyzdys, kaip gauti elementą pagal ID:

// Gauname elementą su id "myElement"
const myElement = document.getElementById('myElement');

Pavyzdys, kaip pakeisti elemento teksto turinį:

// Pakeičiame elemento teksto turinį
myElement.textContent = 'Naujas tekstas';

Be DOM, interaktyvumas ir dinamiškas tinklalapių keitimas būtų neįmanomas.