Stilių atstatymas per style JavaScripte

Tarkime, pagal tam tikrą įvykį nusprendėme paslėpti elementą:

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

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

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

Duotas div ir du mygtukai. Paspaudus pirmąjį mygtuką paslėpkite div, o paspaudus antrąjį - parodykite.

Задание 2

Duotas div ir du mygtukai. Paspaudus pirmąjį mygtuką nudažykite div spalvą raudonai, o paspaudus antrąjį - grąžinkite pradinę spalvą.