logo

Objektni model dokumenta

  1. Objekt dokumenta
  2. Svojstva objekta dokumenta
  3. Metode objekta dokumenta
  4. Primjer objekta dokumenta

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:

metodaOpis
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: 

Izlaz gornjeg primjera

Unesite ime: