Ponastavitev stilov prek style v JavaScript

Recimo, da smo se odločili, da nekatere elemente skrijemo ob določenem dogodku:

javascriptelem.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:

javascriptelem.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:

javascriptelem.style.display = '';
Задание 1

Podan je div in dva gumba. Ob kliku na prvi gumb skrijte div, ob kliku na drugega pa ga prikažite.

Задание 2

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.