Resetarea stilurilor prin style în JavaScript

Să presupunem că în urma unui eveniment am decis să ascundem un element:

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

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

javascriptelem.style.display = '';