JavaScript orqali style yordamida uslublarni qayta tiklash
Faraz qilaylik, biz qandaydir hodisa tufayli elementni yashirishga qaror qildik:
elem.style.display = 'none';
Endi faraz qilaylik, biz uni qayta
ko'rsatishga qaror qildik. Bu shuni anglatadiki,
display xususiyatiga uning boshlang'ich
qiymatini qaytarish kerak.
Masalan, shunday:
elem.style.display = 'block';
Muammo shundaki, bu qulay emas.
Chunki boshlang'ich qiymat aniq
block bo'lishi shart emas. U
flex yoki inline-block ham
bo'lishi mumkin edi, yoki boshqa narsa.
U biz tomonidan CSS faylida belgilangan bo'lishi mumkin,
yoki brauzer tomonidan standart
qiymat sifatida olinishi mumkin. To'g'ri
qiymatni kuzatib borish qiyin.
Baxtimizga, xususiyatning boshlang'ich qiymatini osongina qaytarishning usuli mavjud. Shunchaki xususiyat qiymati sifatiga unga bo'sh qatorni tayinlash kifoya:
elem.style.display = '';
Div va ikkita tugama berilgan. Birinchi tugamani bosishda divni yashiring, ikkinchisini bosishda esa ko'rsating.
Div va ikkita tugama berilgan. Birinchi tugamani bosishda divning rangini qizil rangga bo'yang, ikkinchisini bosishda esa asl rangini qaytaring.
