The objekt dokumenta predstavlja cijeli html dokument.
Kada se html dokument učita u preglednik, on postaje objekt dokumenta. To je korijenski element koji predstavlja html dokument. Ima svojstva i metode. Pomoću objekta dokumenta možemo dodati dinamički sadržaj našoj web stranici.
Kao što je ranije spomenuto, to je objekt prozora. Tako
window.document
Isti je kao
document
Prema W3C - 'W3C Document Object Model (DOM) je platforma i jezično neutralno sučelje koje programima i skriptama omogućuje dinamički pristup i ažuriranje sadržaja, strukture i stila dokumenta.'
Svojstva objekta dokumenta
Pogledajmo svojstva objekta dokumenta kojima se može pristupiti i koje objekt dokumenta može mijenjati.
Metode objekta dokumenta
Možemo pristupiti i promijeniti sadržaj dokumenta njegovim metodama.
Važne metode objekta dokumenta su sljedeće:
metoda | Opis |
---|---|
napisati ('string') | ispisuje zadani niz na dokumentu. |
writeln('niz') | piše zadani niz na dokument sa znakom novog retka na kraju. |
getElementById() | vraća element koji ima zadanu vrijednost id-a. |
getElementsByName() | vraća sve elemente koji imaju zadanu vrijednost imena. |
getElementsByTagName() | vraća sve elemente koji imaju dani naziv oznake. |
getElementsByClassName() | vraća sve elemente koji imaju dano ime klase. |
Pristup vrijednosti polja pomoću objekta dokumenta
U ovom primjeru ćemo dobiti vrijednost unosa teksta po korisniku. Evo, koristimo se dokument.forma1.naziv.vrijednost da biste dobili vrijednost polja imena.
Ovdje, dokument je korijenski element koji predstavlja html dokument.
obrazac1 je naziv obrasca.
Ime je naziv atributa ulaznog teksta.
vrijednost je svojstvo koje vraća vrijednost ulaznog teksta.
Pogledajmo jednostavan primjer objekta dokumenta koji ispisuje ime s porukom dobrodošlice.
function printvalue(){ var name=document.form1.name.value; alert('Welcome: '+name); } Enter Name: