JavaScript-də style vasitəsilə stil sıfırlama
Tutaq ki, biz hansısa hadisə əsasında elementi gizlətmək qərarına gəldik:
elem.style.display = 'none';
İndi tutaq ki, biz onu yenidən
göstərmək qərarına gəldik. Bu o deməkdir ki,
display xassəsinə onun ilkin
qiymətini qaytarmaq lazımdır.
Məsələn, belə:
elem.style.display = 'block';
Problem ondadır ki, bu əlverişli deyil.
Çünki ilkin qiymət mütləq
block olmayıb. O
flex, ya da inline-block,
ya da başqa bir şey ola bilərdi. O bizim tərəfimizdən
CSS faylında təyin oluna bilərdi,
ya da brauzer tərəfindən
standart olaraq götürülə bilərdi. Düzgün
qiyməti izləmək çətindir.
Xoşbəxtlikdən, ilkin qiyməti asanlıqla qaytarmaq üçün bir yol var. Sadəcə olaraq, xassəyə qiymət kimi boş sətir təyin etmək lazımdır:
elem.style.display = '';
Bir div və iki düymə verilib. Birinci düyməyə kliklədikdə divi gizlədin, ikinciyə kliklədikdə isə göstərin.
Bir div və iki düymə verilib. Birinci düyməyə kliklədikdə divin rəngini qırmızı rəngə boyayın, ikinciyə kliklədikdə isə ilkin rəngi qaytarın.
