Ustvarjanje dinamičnih strani vključuje neposreden dostop do obstoječih elementov, ustvarjanje novih in spremembe njihovih lastnosti. Z uporabo metode document.getElementById javascript lahko poiščete element strani s podanim identifikatorjem in spremenite njegove lastnosti.

Metoda se uporablja za vse Oznake HTML, ki imajo edinstven identifikacijski identifikator. V bistvu se uporablja za spreminjanje lastnosti in vsebine oznak "div".

Elementi strani

Format hiperteksta HTML omogoča, da opišete edinstvene elemente in elemente razreda. Po definiciji je edinstven element vedno eden na strani in lahko nastavite elemente razreda.


Ko se stran naloži, se pretvori v drevo DOM, v katerem vsak element zavzame svoje mesto. Drevesa elementov lahko premikate na več načinov, toda ko zapolnite stran z informacijami in spremenite lastnosti njenih elementov, je pogosto dovolj, da se sklicuje na edinstven element s številko.

Primer opisa edinstvenih elementov

V tabeli CSS so bili opisani trije device: naslovna stran, vsebina strani in obutev (klet). V skladu s tem so imena identifikatorjev: scHeader, scContent in scFooter."Vstavili smo opis spremenljivk javascript: iLoadHeight, iLoadWidth in vsak čudež njegovih koordinat vzdolž osi Y in vertikalnih dimenzij. Koordinate vzdolž osi X so nič in velikost te osije enako širini okna brskalnika. Izbirne spremenljivke za dostop do elementov: dHeader, dContent in dFooter.Uporaba javascript metode spremenljivke getElementById, dHeader, dContent in dFooter so prejele prave deviške vrednosti in so bile uporabljene za pozicioniranje trenutne velikosti okna brskalnika. V kontekstu tega primera, prisotnost spremenljivk v glavi, vsebini in nogi vam omogoča, da spremenite njihove lastnosti tako, da so vedno na pravem mestu in da imajo pravilne dimenzije pri spreminjanju velikosti okna brskalnika.

Osnovne lastnosti elementov

Glavni namen metode javascript getElementById je spremeniti vsebino in lastnosti elementa. Praviloma se prvi izvede z izrazom dodelitve:

dHeader.innerHTML = 'Začetek: Y =' + iHeaderCooY + '; H = '+ iHeaderSizeY;

dContent.innerHTML = 'Začetek: Y =' + iContentCooY + '; H = '+ iContentSizeY;

dFooter.innerHTML = 'Začetek: Y =' + iFooterCooY + '; H = '+ iFooterSizeY;

Te tri izjave dopolnjujejo vsebino oznak z informacijami o tem, kaj imajo koordinate Y in kakšna je njihova višina navpično. Lastnost innerHTML vam omogoča, da v oznako vstavite vse druge oznake, kar pomeni, da lahko ustvarite poljubno zapleteno notranje oblikovanje katerega koli unikatnega elementa strani. Zlasti lahko kadarkoli oblikujete glavo, vsebino strani in nogo, če je to potrebno. Z vstavljanjem drugih oznak v te oznake se lahko sklicujete na razrede in druge identifikatorje, opisane v pravilih CSS.