Ponastavitev stilov prek style v JavaScript
Recimo, da smo se odločili, da nekatere elemente skrijemo ob določenem dogodku:
elem.style.display = 'none';
Recimo, da smo se zdaj odločili, da ga
ponovno prikažemo. To pomeni, da je treba
lastnosti display
vrniti njeno prvotno vrednost.
Na primer, takole:
elem.style.display = 'block';
Težava je v tem, da to ni priročno.
Konec koncev prvotna vrednost ni nujno
bila ravno block. Lahko je bila
flex ali inline-block,
ali kaj drugega. Lahko smo jo nastavili v CSS datoteki,
ali pa jo brskalnik privzeto določi.
Sledenje pravi vrednosti je zapleteno.
Na srečo obstaja način, da enostavno vrnemo prvotno vrednost lastnosti nazaj. Preprosto je treba lastnosti kot vrednost dodeliti prazen niz:
elem.style.display = '';
Podan je div in dva gumba. Ob kliku na prvi gumb skrijte div, ob kliku na drugega pa ga prikažite.
Podan je div in dva gumba. Ob kliku na prvi gumb spremenite barvo diva v rdečo, ob kliku na drugega pa vrnite prvotno barvo.
