JavaScript'теги style аркылуу стилдерди баштапкы абалына келтирүү

Элементти жашырууну чечкенибизди ойлойлу:

javascriptelem.style.display = 'none';

Эми аны кайрадан көрсөтүүнү чечтик деп ойлойлу. Бул дегенди билдирет display касиетине анын баштапкы маанисин кайтаруу керек. Мисалы, төмөнкүдөй:

javascriptelem.style.display = 'block';

Кыйынчылык, бул ыңгайлуу эмес. Анткени баштапкы маани так block болушу шарт эмес. Ал flex же inline-block болушу мүмкүн, же башка нерсе. Ал биздин CSS файлыбызда белгиленген же браузердин ыңгайлаштырылган демейки мааниси болушу мүмкүн. Түз маанини көзөмөлдөө татаал.

Бакытка жараша, касиеттин баштапкы маанисин жеңил эле кайтаруунун жолу бар. Жөн гана касиетке маани катары бош сап тагасын берүү керек:

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

Див жана эки баскыч берилген. Биринчи баскычка чыкылдаганда дивди жашырыңыз, ал эми экинчи баскычка чыкылдаганда - көрсөтүңүз.

Задание 2

Див жана эки баскыч берилген. Биринчи баскычка чыкылдаганда дивдин түсүн кызыл түскө өзгөртүңүз, ал эми экинчи баскычка чыкылдаганда - баштапкы түстү кайтарыңыз.