Resetovanje stilova preko style u JavaScript-u

Pretpostavimo da smo odlučili da sakrijemo element na osnovu nekog događaja:

javascriptelem.style.display = 'none';

Sada pretpostavimo da smo odlučili da ga ponovo prikažemo. To znači da svojstvu display treba vratiti njegovu početnu vrednost. Na primer, ovako:

javascriptelem.style.display = 'block';

Problem je u tome što ovo nije praktično. Početna vrednost nije nužno bila upravo block. Mogla je biti flex, ili inline-block, ili nešto drugo. Mogla je biti postavljena od nas u CSS fajlu, ili je mogla biti podrazumevana vrednost pretraživača. Praćenje tačne vrednosti je komplikovano.

Srećom, postoji način da lako vratite početnu vrednost svojstva. Samo treba da svojstvu dodelite prazan string kao vrednost:

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

Dat je div i dva dugmeta. Klikom na prvo dugme sakrijte div, a klikom na drugo - prikažite ga.

Задание 2

Dat je div i dva dugmeta. Klikom na prvo dugme obojite pozadinu div-a u crvenu boju, a klikom na drugo - vratite početnu boju.