Resetarea stilurilor prin style în JavaScript
Să presupunem că în urma unui eveniment am decis să ascundem un element:
elem.style.display = 'none';
Să presupunem acum că am decis să îl afișăm
înapoi. Aceasta înseamnă că
proprietății display trebuie
să i se returneze valoarea inițială.
De exemplu, așa:
elem.style.display = 'block';
Problema este că acest lucru nu este convenabil.
La urma urmei, valoarea inițială nu era neapărat
block. Putea să fie
flex, sau inline-block,
sau altceva. Putea fi setată de noi
în fișierul CSS, sau putea fi preluată de browser
în mod implicit. Este dificil să ții evidența valorii
corecte.
Din fericire, există o modalitate ușoară de a restabili valoarea inițială a proprietății. Pur și simplu trebuie să atribuiți proprietății un șir gol ca valoare:
elem.style.display = '';
Este dat un div și două butoane. La click pe primul buton ascundeți div-ul, iar la click pe al doilea - afișați-l.
Este dat un div și două butoane. La click pe primul buton colorați div-ul în roșu, iar la click pe al doilea - restabiliți culoarea inițială.
