Uvod v DOM

• April 20, 2024

DOM je kratica za Document Object Model. To je način gledanja na HTML, ki razvijalcem spletnih strani omogoča ustvarjanje funkcij in manipulacijo s kodo na načine, ki bi sicer bili nemogoči.

Obstajajo tri osnovne vrste DOM; jedro DOM, s katerim lahko določite kateri koli dokument ne glede na vrsto; XML DOM, ki se uporablja z dokumenti XML, in HTML DOM. Ta zadnja vrsta je najpomembnejša in najbolj uporabna za razvijalce HTML, zato je to DOM v tem članku.

HTML DOM stran HTML razdeli na vozlišča. Vsa ta vozlišča so med seboj povezana, pri čemer se nadrejena vozlišča spuščajo od matičnih vozlišč in od korenskega vozlišča na vrhu, v drevesni postavitvi. DOM je tako pomemben in uporaben za razvijalce HTML ta, da ta opredelitev razlikuje vsak del strani in ga najde v primerjavi z vsemi drugimi deli, tako da je enostavno oblikovati kodo, ki se nanaša na ta določen razdelek in vpliva samo na ta del . Tako je na primer HTML DOM ključnega pomena za programiranje Javascript, saj ponuja način, da program Javascript neposredno uporablja elemente HTML. Brez DOM-a ni mogoče, da program Javascript dinamično dostopa do vsebine spletne strani. Kot primer, z uporabo metod DOM lahko napišete program, ki spremeni besedilo znotraj določenega elementa HTML, če pride do določenega dogodka (recimo, obiskovalec klikne gumb na strani).

Kot že veste, je stran HTML sestavljena iz različnih elementov, kot je ta:



Vzorčna stran HTML

To je primer osnovne strani HTML.

Pri DOM je vsak element (vse med enim nizom oznak, kot je) vozlišče. Vozlišče se imenuje korensko vozlišče in je najosnovnejše; ima dve podrejeni vozlišči, vozlišče in vozlišče. V zgornjem primeru je vozlišče otrok vozlišča in

vozlišče je otrok vozlišča.

Spletni razvijalec lahko z določenimi ukazi uporablja in spreminja DOM. Ti ukazi so razdeljeni na lastnosti (ki opisujejo del strani HTML) in metode (ki naredijo nekaj na tem delu strani).

Za podrobnosti o uporabi HTML DOM glejte naslednji članek "Delo z DOM", ki bo objavljen naslednji teden.