Resetovanje stilova preko style u JavaScript-u
Pretpostavimo da smo odlučili da sakrijemo element na osnovu nekog događaja:
elem.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:
elem.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:
elem.style.display = '';
Dat je div i dva dugmeta. Klikom na prvo dugme sakrijte div, a klikom na drugo - prikažite ga.
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.