JavaScript orqali style yordamida uslublarni qayta tiklash

Faraz qilaylik, biz qandaydir hodisa tufayli elementni yashirishga qaror qildik:

javascriptelem.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:

javascriptelem.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:

javascriptelem.style.display = '';
Задание 1

Div va ikkita tugama berilgan. Birinchi tugamani bosishda divni yashiring, ikkinchisini bosishda esa ko'rsating.

Задание 2

Div va ikkita tugama berilgan. Birinchi tugamani bosishda divning rangini qizil rangga bo'yang, ikkinchisini bosishda esa asl rangini qaytaring.