Úvod do DOM

• Smět 6, 2024

DOM je zkratka pro Object Object Model. Je to způsob pohledu na HTML, který umožňuje vývojářům webových stránek vytvářet funkce a manipulovat s kódem způsobem, který by jinak nebyl možný.

Existují tři základní typy DOM; jádro DOM, které lze použít k definování jakéhokoli dokumentu bez ohledu na typ; XML DOM, který se používá s dokumenty XML, a HTML DOM. Tento poslední typ je nejdůležitější a nejužitečnější pro vývojáře HTML, takže je to DOM, který tento článek prozkoumá.

HTML DOM rozdělí stránku HTML na uzly. Všechny tyto uzly jsou vzájemně propojeny, přičemž podřízené uzly sestupují ze svých nadřazených uzlů az kořenového uzlu nahoře ve stromovém rozvržení. To, co dělá DOM tak důležitým a užitečným pro vývojáře HTML, je to, že tato definice dělá každou část stránky odlišnou a lokalizuje ji ve vztahu ke všem ostatním částem, takže je snadné navrhnout kód, který odkazuje na tuto konkrétní sekci a ovlivňuje pouze tuto část. . Díky tomu je například DOM DOM nezbytný pro programování Javascriptu, protože poskytuje programu Javascript způsob, jak přímo používat prvky HTML. Bez DOM není možné, aby program Javascript dynamicky přistupoval k obsahu webové stránky. Jako jeden příklad lze pomocí metod DOM napsat program, který změní text uvnitř konkrétního prvku HTML, dojde-li k určité události (řekněme, že návštěvník klepne na tlačítko na stránce).

Jak již víte, stránka HTML se skládá z různých prvků, jako je tento:



Ukázka stránky HTML

Toto je příklad základní stránky HTML.

U DOM je každý prvek (vše mezi jednou sadou značek, například) uzel. Uzel se nazývá kořenový uzel a je nejzákladnější; má dva podřízené uzly, uzel a uzel. Ve výše uvedeném příkladu je uzlem podřízený uzel a

uzel je podřízeným uzlem.

Webový vývojář může používat a měnit DOM pomocí určitých příkazů. Tyto příkazy jsou rozděleny na vlastnosti (které popisují část stránky HTML) a metody (které něco dělají s touto částí stránky).

Podrobnosti o tom, jak používat HTML DOM, naleznete v následujícím článku „Práce s DOM“, který bude zveřejněn příští týden.

Video Návody: Krankšvester - uvod/Šveky party 27.10.2018. Dom Sportova (Smět 2024).