Ripristino degli stili tramite style in JavaScript

Supponiamo che in seguito a un determinato evento decidiamo di nascondere un elemento:

javascriptelem.style.display = 'none';

Ora supponiamo di volerlo mostrare di nuovo. Ciò significa che alla proprietà display bisogna restituire il suo valore originale. Ad esempio, così:

javascriptelem.style.display = 'block';

Il problema è che questo non è conveniente. Il valore originale non era necessariamente proprio block. Poteva essere flex, o inline-block, o qualcos'altro. Poteva essere impostato da noi in un file CSS, oppure poteva essere il valore predefinito del browser. Tenere traccia del valore corretto è complicato.

Fortunatamente, c'è un modo per ripristinare facilmente il valore originale della proprietà. Bisogna semplicemente assegnare alla proprietà una stringa vuota come valore:

javascriptelem.style.display = '';