Επαναφορά στυλ μέσω style σε JavaScript
Ας υποθέσουμε ότι με βάση κάποιο γεγονός αποφασίσαμε να κρύψουμε ένα στοιχείο:
elem.style.display = 'none';
Τώρα ας υποθέσουμε ότι αποφασίσαμε να το εμφανίσουμε
ξανά. Αυτό σημαίνει ότι η ιδιότητα display πρέπει
να επιστρέψει στην αρχική της τιμή.
Για παράδειγμα, έτσι:
elem.style.display = 'block';
Το πρόβλημα είναι ότι αυτό δεν είναι βολικό.
Επειδή η αρχική τιμή δεν ήταν απαραίτητα
block. Θα μπορούσε να ήταν
flex, ή inline-block,
ή κάτι άλλο. Θα μπορούσε να είχε οριστεί από εμάς
σε ένα αρχείο CSS, ή θα μπορούσε να προέρχεται από τον browser
από προεπιλογή. Η παρακολούθηση της σωστής
τιμής είναι δύσκολη.
Ευτυχώς, υπάρχει ένας τρόπος για να επαναφέρετε εύκολα την αρχική τιμή της ιδιότητας. Απλά πρέπει να αντιστοιχίσετε μια κενή συμβολοσειρά ως τιμή της ιδιότητας:
elem.style.display = '';
Δίνεται ένα div και δύο κουμπιά. Με κλικ στο πρώτο κουμπί κρύψτε το div, και με κλικ στο δεύτερο - εμφανίστε το.
Δίνεται ένα div και δύο κουμπιά. Με κλικ στο πρώτο κουμπί βάψτε το χρώμα του div σε κόκκινο, και με κλικ στο δεύτερο - επαναφέρετε το αρχικό χρώμα.
