logo

Objektový model dokumentu

  1. Objekt dokumentu
  2. Vlastnosti objektu dokumentu
  3. Metódy objektu dokumentu
  4. Príklad objektu dokumentu

The objekt dokumentu predstavuje celý html dokument.

Keď sa html dokument načíta do prehliadača, stane sa objektom dokumentu. To je koreňový prvok ktorý predstavuje html dokument. Má vlastnosti a metódy. Pomocou objektu dokumentu môžeme pridať dynamický obsah na našu webovú stránku.

Ako už bolo spomenuté, je to objekt okna. Takže

 window.document 

Je rovnaký ako

 document 

Podľa W3C - 'W3C Document Object Model (DOM) je platforma a jazykovo neutrálne rozhranie, ktoré umožňuje programom a skriptom dynamicky pristupovať a aktualizovať obsah, štruktúru a štýl dokumentu.'


Vlastnosti objektu dokumentu

Pozrime sa na vlastnosti objektu dokumentu, ktoré môžu byť prístupné a upravované objektom dokumentu.


Metódy objektu dokumentu

Jeho metódami môžeme pristupovať a meniť obsah dokumentu.

Dôležité metódy objektu dokumentu sú nasledovné:

MetódaPopis
písať ('reťazec')zapíše daný reťazec na dokument.
writeln('reťazec')zapíše daný reťazec na dokument so znakom nového riadku na konci.
getElementById()vráti prvok s danou hodnotou id.
getElementsByName()vráti všetky prvky s hodnotou daného názvu.
getElementsByTagName()vráti všetky prvky s daným názvom značky.
getElementsByClassName()vráti všetky prvky s daným názvom triedy.

Prístup k hodnote poľa podľa objektu dokumentu

V tomto príklade získame hodnotu vstupného textu podľa používateľa. Tu používame dokument.form1.meno.hodnota aby ste získali hodnotu poľa názvu.

Tu, dokument je koreňový prvok, ktorý predstavuje html dokument.

formulár1 je názov formulára.

názov je názov atribútu vstupného textu.

hodnotu je vlastnosť, ktorá vracia hodnotu vstupného textu.

Pozrime sa na jednoduchý príklad objektu dokumentu, ktorý vytlačí meno s uvítacou správou.

 function printvalue(){ var name=document.form1.name.value; alert('Welcome: '+name); } Enter Name: 

Výstup z vyššie uvedeného príkladu

Zadaj meno: