Proč je DOM nutný?

DOM (Document Object Model) je nezbytný pro to, aby JavaScript mohl komunikovat s obsahem webové stránky a jej měnit. Představuje strukturu HTML dokumentu ve formě stromu objektů, kde každý uzel odpovídá prvku, atributu nebo textovému fragmentu stránky.

Díky DOM může JavaScript:

• Přistupovat k prvkům stránky (například podle id, třídy, tagu).
• Měnit obsah prvků (text, HTML).
• Měnit styly prvků.
• Měnit strukturu dokumentu (přidávat, odstraňovat, přesouvat prvky).
• Reagovat na události uživatele (kliknutí, najetí myší atd.).

Příklad získání prvku podle ID:

// Získáme prvek s id "myElement"
const myElement = document.getElementById('myElement');

Příklad změny textového obsahu prvku:

// Změníme textový obsah prvku
myElement.textContent = 'Nový text';

Bez DOM by interaktivita a dynamické změny webových stránek byly nemožné.