Ripristino degli stili tramite style in JavaScript
Supponiamo che in seguito a un determinato evento decidiamo di nascondere un elemento:
elem.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ì:
elem.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:
elem.style.display = '';
Sono dati un div e due pulsanti. Al click sul primo pulsante nascondi il div, e al click sul secondo - mostralo.
Sono dati un div e due pulsanti. Al click sul primo pulsante colora lo sfondo del div in rosso, e al click sul secondo - ripristina il colore originale.
