JavaScript HTML DOM dokument

Objekt HTML DOM dokumenta je lastnost vseh drugih predmetov na naši spletni strani. Objekt dokumenta predstavlja našo spletno stran, če želimo dostopati do katerega koli HTML elementa na spletni strani, vedno začnemo z dostopom do objekta dokumenta. Poglejmo si nekaj opisov, kako lahko z objektom dokumenta dostopamo do HTML-ja in ga upravljamo.

Iskanje HTML elementov

Metoda	Opis	Primer
document.getElementById(id)	Iskanje elementa po ID-ju.	Glej primer
document.getElementsByClassName(ime)	Iskanje elementov po imenu razreda.	Glej primer
document.getElementsByTagName(ime)	Iskanje elementov po imenu oznake.	Glej primer

Spreminjanje HTML elementov

Lastnost	Opis	Primer
element.innerHTML = new html content	Nova HTML vsebina, sprememba HTML elementa.	Glej primer
element.attribute = new value	Nova vrednost, sprememba vrednosti atributa HTML elementa.	Glej primer
element.style.lastnost = new style	Sprememba sloga HTML elementa.	Glej primer
METODA	OPIS
element.setAttribute(atribut, vrednost)	Sprememba vrednosti atributa HTML elementa.	Glej primer

Dodajanje in brisanje HTML elementov

Metoda	Opis	Primer
document.createElement(element)	Ustvarimo HTML element.	Glej primer
document.removeChild(element)	Odstranimo HTML element	Glej primer
document.appendChild(element)	Dodajmo HTML element.	Glej primer
document.replaceChild(novi, stari)	Zamenjamo HTML element.	Glej primer
document.write(besedilo)	Pišemo v izhodni tok HTML.	Glej primer

Dodajanje obdelovalcev dogodkov

Metoda	Opis	Primer
document.getElementById(id).onclick = function() {koda}	Dodajanje kode za obravnavo dogodkov dogodku onclick.	Glej primer

Iskanje HTML objektov

Lastnost	Opis	Primer
document.baseURI	Vrne absolutni osnovni URI dokumenta.	Glej primer
document.body	Vrne element <body>.	Glej primer
document.cookie	Vrne piškotek dokumenta.	Glej primer
document.doctype	Vrne dokument doctype.	Glej primer
document.documentElement	Vrne HTML element.	Glej primer
document.documentURI	Vrne URI dokumenta.	Glej primer
document.domain	Vrne ime domene dokumentnega strežnika.	Glej primer
document.embeds	Vrne vse embed elemente.	Glej primer
document.forms	Vrne vse form elemente.	Glej primer
document.head	Vrne element head.	Glej primer
document.images	Vrne vse img elemente.	Glej primer
document.implementation	Vrne DOM implementacijo.	Glej primer
document.lastModified	Vrne datum in čas, ko je bil dokument posodobljen.	Glej primer
document.links	Vrne vse area elemente in a, ki imajo atribut href.	Glej primer
document.readyState	Vrne status nalaganja dokumenta.	Glej primer
document.referrer	Vrne URI povezovalnega dokumenta.	Glej primer
document.scripts	Vrne vse script elemente.	Glej primer
document.title	Vrne title element.	Glej primer
document.URL	Vrne celoten URL dokumenta.	Glej primer