JavaScript HTML DOM
Pomocí HTML DOM může JavaScript přistupovat ke všem prvkům dokumentu HTML a měnit je.
HTML DOM (model objektu dokumentu)
Když se webová stránka načte , prohlížeč vytvoří model objektu dokumentu stránky .
Model HTML DOM je konstruován jako strom objektů :
Strom objektů HTML DOM
S objektovým modelem získává JavaScript veškerý výkon, který potřebuje k vytvoření dynamického HTML:
- JavaScript může změnit všechny prvky HTML na stránce
- JavaScript může změnit všechny atributy HTML na stránce
- JavaScript může změnit všechny styly CSS na stránce
- JavaScript může odstranit existující prvky a atributy HTML
- JavaScript může přidávat nové prvky a atributy HTML
- JavaScript může reagovat na všechny existující HTML události na stránce
- JavaScript může na stránce vytvářet nové události HTML
Co se naučíte
V dalších kapitolách tohoto tutoriálu se dozvíte:
- Jak změnit obsah prvků HTML
- Jak změnit styl (CSS) prvků HTML
- Jak reagovat na události HTML DOM
- Jak přidat a odstranit prvky HTML
Co je DOM?
DOM je standard W3C (World Wide Web Consortium).
DOM definuje standard pro přístup k dokumentům:
"W3C Document Object Model (DOM) je platforma a jazykově neutrální rozhraní, které umožňuje programům a skriptům dynamicky přistupovat a aktualizovat obsah, strukturu a styl dokumentu."
W3C DOM standard je rozdělen do 3 různých částí:
- Core DOM - standardní model pro všechny typy dokumentů
- XML DOM - standardní model pro XML dokumenty
- HTML DOM - standardní model pro HTML dokumenty
Co je HTML DOM?
HTML DOM je standardní objektový model a programovací rozhraní pro HTML. Definuje:
- Elementy HTML jako objekty
- Vlastnosti všech prvků HTML
- Metody pro přístup ke všem prvkům HTML
- Události pro všechny prvky HTML
Jinými slovy: HTML DOM je standard pro to, jak získat, změnit, přidat nebo odstranit prvky HTML.