Stilių atstatymas per style JavaScripte
Tarkime, pagal tam tikrą įvykį nusprendėme paslėpti elementą:
elem.style.display = 'none';
Tarkime, kad dabar nusprendėme jį vėl
parodyti. Tai reiškia, kad
savybei display reikia
grąžinti jos pradinę reikšmę.
Pavyzdžiui, taip:
elem.style.display = 'block';
Problema ta, kad tai nepatogu.
Juk pradinė reikšmė nebūtinai
buvo būtent block. Ji galėjo
būti ir flex, ir inline-block,
ir kažkas kita. Ji galėjo būti mums nustatyta
CSS faile, arba gauta iš naršyklės
pagal nutylėjimą. Sekti teisingą
reikšmę sudėtinga.
Laimei, yra būdas lengvai grąžinti pradinę savybės reikšmę atgal. Tiesiog reikia kaip savybės reikšmę priskirti jam tuščią eilutę:
elem.style.display = '';
Duotas div ir du mygtukai. Paspaudus pirmąjį mygtuką paslėpkite div, o paspaudus antrąjį - parodykite.
Duotas div ir du mygtukai. Paspaudus pirmąjį mygtuką nudažykite div spalvą raudonai, o paspaudus antrąjį - grąžinkite pradinę spalvą.
