logo

Objektni model dokumenta

  1. Objekt dokumenta
  2. Lastnosti predmeta dokumenta
  3. Metode predmeta dokumenta
  4. Primer predmeta dokumenta

The predmet dokumenta predstavlja celoten dokument html.

Ko se dokument html naloži v brskalnik, postane predmet dokumenta. Je korenski element ki predstavlja dokument html. Ima lastnosti in metode. S pomočjo objekta dokumenta lahko svoji spletni strani dodamo dinamično vsebino.

Kot smo že omenili, je to objekt okna. torej

 window.document 

Je enako kot

 document 

Glede na W3C - 'W3C Document Object Model (DOM) je platforma in jezikovno nevtralen vmesnik, ki programom in skriptom omogoča dinamičen dostop in posodabljanje vsebine, strukture in sloga dokumenta.'


Lastnosti predmeta dokumenta

Oglejmo si lastnosti predmeta dokumenta, do katerih lahko dostopa predmet dokumenta in jih spreminja.


Metode predmeta dokumenta

Z njegovimi metodami lahko dostopamo in spreminjamo vsebino dokumenta.

Pomembne metode predmeta dokumenta so naslednje:

MetodaOpis
pisanje ('niz')zapiše podani niz na dokument.
writeln('niz')zapiše podani niz v dokument z znakom za novo vrstico na koncu.
getElementById()vrne element z dano vrednostjo id.
getElementsByName()vrne vse elemente z dano vrednostjo imena.
getElementsByTagName()vrne vse elemente z danim imenom oznake.
getElementsByClassName()vrne vse elemente z danim imenom razreda.

Dostop do vrednosti polja s predmetom dokumenta

V tem primeru bomo dobili vrednost vnesenega besedila po uporabniku. Tukaj uporabljamo document.form1.name.value da dobite vrednost polja imena.

tukaj, dokument je korenski element, ki predstavlja dokument html.

obrazec1 je ime obrazca.

ime je ime atributa vhodnega besedila.

vrednost je lastnost, ki vrne vrednost vhodnega besedila.

Oglejmo si preprost primer predmeta dokumenta, ki natisne ime s pozdravnim sporočilom.

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

Rezultat zgornjega primera

Vnesite ime: