Prečo je DOM potrebný?

DOM (Document Object Model) je nevyhnutný na to, aby JavaScript mohol komunikovať s obsahom webovej stránky a ho meniť. Predstavuje štruktúru HTML dokumentu vo forme stromu objektov, kde každý uzol zodpovedá prvku, atribútu alebo textovému fragmentu stránky.

Vďaka DOM môže JavaScript:

• Získať prístup k prvkom stránky (napríklad podľa id, triedy, tagu).
• Zmeniť obsah prvkov (text, HTML).
• Zmeniť štýly prvkov.
• Upraviť štruktúru dokumentu (pridať, odstrániť, presunúť prvky).
• Reagovať na udalosti používateľa (kliknutia, prechody myšou atď.).

Príklad získania prvku podľa ID:

// Získame prvok s id "myElement"
const myElement = document.getElementById('myElement');

Príklad zmeny textového obsahu prvku:

// Zmeníme textový obsah prvku
myElement.textContent = 'Nový text';

Bez DOM by interaktivita a dynamické zmeny webových stránok boli nemožné.