Úvod do DOM

• Apríl 26, 2024

DOM je skratka pre Object Object Model. Je to spôsob pohľadu na HTML, ktorý umožňuje vývojárom webových stránok vytvárať funkcie a manipulovať s kódom spôsobom, ktorý by inak nebol možný.

Existujú tri základné typy DOM; jadro DOM, ktoré sa dá použiť na definovanie akéhokoľvek dokumentu bez ohľadu na typ; XML DOM, ktorý sa používa s dokumentmi XML, a HTML DOM. Tento posledný typ je najdôležitejší a najužitočnejší pre vývojárov HTML, takže toto je DOM, ktorý tento článok preskúma.

Doména HTML DOM rozdelí stránku HTML na uzly. Všetky tieto uzly sú navzájom spojené, pričom podriadené uzly zostupujú zo svojich rodičovských uzlov az koreňového uzla hore, v stromovom usporiadaní. Čo robí DOM tak dôležitým a užitočným pre vývojárov HTML je to, že táto definícia robí každú časť stránky odlišnou a vyhľadáva ju vo vzťahu ku všetkým ostatným častiam, takže je ľahké navrhnúť kód, ktorý odkazuje na konkrétnu časť a ovplyvňuje iba túto časť. , Vďaka tomu je doména HTML DOM životne dôležitá napríklad pre programovanie Javascript, pretože poskytuje programu Javascript spôsob priameho použitia prvkov HTML. Bez DOM nie je možné, aby program Javascript dynamicky pristupoval k obsahu webovej stránky. Ako príklad môžeme uviesť, že použitím metód DOM môžete napísať program, ktorý zmení text vo vnútri konkrétneho prvku HTML, ak dôjde k určitej udalosti (povedzme, že návštevník klikne na tlačidlo na stránke).

Ako už viete, stránka HTML sa skladá z rôznych podobných prvkov:



Vzorová stránka HTML

Toto je príklad základnej stránky HTML.

V DOM je každý prvok (všetko medzi jednou sadou značiek, napríklad) uzlom. Uzol sa nazýva koreňový uzol a je najzákladnejší; má dva podriadené uzly, uzol a uzol. Vo vyššie uvedenom príklade je uzlom dieťa uzla a uzla

uzol je podriadený uzol.

Webový vývojár môže používať a meniť DOM pomocou určitých príkazov. Tieto príkazy sú rozdelené na vlastnosti (ktoré popisujú časť stránky HTML) a metódy (ktoré robia niečo pre túto časť stránky).

Podrobnosti o tom, ako používať HTML DOM, nájdete v nasledujúcom článku „Práca s DOM“, ktorý bude zverejnený budúci týždeň.

Video Návody: Krankšvester - uvod/Šveky party 27.10.2018. Dom Sportova (Apríl 2024).