DOM
Je zkratkou pro „Document Object Model“.
DOM je programovací rozhraní pro přístup k obsahu a jeho úpravu v webových stránkách a dokumentech XML. Definuje logickou strukturu dokumentu a zachází s ním jako se stromem, ve kterém každý rozvětvující se uzel představuje jednotlivé prvky. Programy a skripty mohou k DOM přistupovat, číst strukturu, obsah a styl dokumentu a upravovat je.
DOM uspořádává strukturu souborů HTML a XML do hierarchie objektů nazývaných „uzly“. V kořenu se nachází uzel Document, který představuje celý dokument. Následují uzly Element, které představují jednotlivé značky HTML nebo XML. Uzly Element jsou samy hierarchické, protože jsou do sebe vnořené. Například uzel <html> je nejblíže kořenu dokumentu a obsahuje uzly <head> i <body>. Každý z nich pak obsahuje podřízené uzly, například prvky <div> a <p>.
Každý uzel prvku v DOM obsahuje několik uzlů Attribute, které upravují jeho vlastnosti. Uzel prvku <img> může například obsahovat uzly atributů src, alt, width a height, které umožňují některému kódu JavaScriptu tyto atributy upravovat. Uzly Text nakonec obsahují text uvnitř jednotlivých prvků a tvoří obsah dokumentu. Uzly Text jsou listy stromu a nemají žádné další úrovně.
Přístup k DOM stránky pomocí JavaScriptu (nebo jiných skriptovacích jazyků) umožňuje vytvářet dynamické a interaktivní webové stránky. Obslužné rutiny událostí připojené k uzlům mohou například čekat na interakce uživatele, jako jsou kliknutí myší nebo zadávání z klávesnice, a poté odpovídajícím způsobem upravit obsah stránky. Události JavaScriptu mohou pomocí DOM odstraňovat existující uzly a přidávat nové. Skripty mohou načítat data z databáze na serveru a pomocí DOM tato data vkládat do konkrétních textových prvků. Skripty mohou také pomocí DOM upravovat vlastnosti CSS prvků a měnit vzhled a rozvržení dokumentu.
Otestujte své znalosti