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óda | Popis |
---|---|
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: