Co je DOM (Document Object Model)?

DOM umožňuje dynamickou manipulaci s obsahem stránky.

DOM (Document Object Model) je vnitřní reprezentace HTML nebo XML dokumentu jako stromu objektů. Díky němu může JavaScript dynamicky měnit strukturu, styl nebo obsah webové stránky bez jejího znovunačtení.

Příklady využití DOMu:

  • změna textu tlačítka po kliknutí,
  • zobrazení/skrytí prvků,
  • validace formulářů v reálném čase.

Práce s DOMem probíhá skrze API webového prohlížeče – např. pomocí metod document.querySelector, createElement, appendChild apod.