Ոճերի վերականգնում style-ի միջոցով JavaScript-ում
Ենթադրենք, որ ինչ-որ իրադարձության դեպքում մենք որոշեցինք թաքցնել տարրը.
elem.style.display = 'none';
Ենթադրենք, որ հիմա մենք որոշեցինք այն նորից ցույց տալ։
Սա նշանակում է, որ display հատկությանը
պետք է վերադարձնել դրա սկզբնական արժեքը։
Օրինակ, այսպես.
elem.style.display = 'block';
Խնդիրն այն է, որ դա հարմար չէ։
Չէ՞ որ սկզբնական արժեքը պարտադիր չէ, որ
լինի հենց block։ Այն կարող էր
լինել flex, կամ inline-block,
կամ ինչ-որ այլ բան։ Այն կարող էր սահմանված լինել մեր կողմից
CSS ֆայլում, կամ բրաուզերի կողմից վերցված լինել
լռելյայն։ Ճիշտ արժեքը հետևելը դժվար է։
Բարեբախտաբար, կա եղանակ հեշտությամբ վերադարձնել հատկության սկզբնական արժեքը։ Պարզապես անհրաժեշտ է որպես արժեք հատկությանը վերագրել դատարկ տող.
elem.style.display = '';
Տրված է div և երկու կոճակ։ Մեկին կլիկի դեպքում թաքցրեք div-ը, իսկ երկրորդինը կլիկի դեպքում ցուցադրեք։
Տրված է div և երկու կոճակ։ Մեկին կլիկի դեպքում ներկեք div-ի գույնը կարմիր, իսկ երկրորդինը կլիկի դեպքում վերադարձրեք սկզբնական գույնը։
