JavaScript HTML DOM

Obsah

    Zobrazit obsah

Pomocí HTML DOM může JavaScript přistupovat ke všem prvkům HTML a měnit je dokument.

HTML DOM (model objektu dokumentu)

Když se webová stránka načte, prohlížeč vytvoří Ddokument Objekt Model stránky.

Model HTML DOM je vytvořen jako strom Objektů:

Strom objektů HTML DOM

S objektovým modelem získává JavaScript veškerou sílu, kterou potřebuje k vytvoření dynamický HTML:

  • JavaScript může změnit všechny HTML prvky 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:

„Objektový model dokumentu W3C (DOM) je platformově a jazykově neutrální rozhraní, které umožňuje programům a skriptům dynamický přístup a aktualizaci obsah, struktura 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:

  • Prvky 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.