JavaScript'te style ile Stil Sıfırlama
Bir olay nedeniyle bir elemanı gizlemeye karar verdiğimizi varsayalım:
elem.style.display = 'none';
Şimdi onu tekrar göstermeye karar
verdiğimizi varsayalım. Bu,
display özelliğinin orijinal
değerine döndürülmesi gerektiği anlamına gelir.
Örneğin, şu şekilde:
elem.style.display = 'block';
Sorun şu ki, bu kullanışlı değil.
Çünkü orijinal değer mutlaka
block olmak zorunda değildi.
flex veya inline-block
ya da başka bir şey de olabilirdi. Bu değer
CSS dosyamızda bizim tarafımızdan belirlenmiş olabilir
veya tarayıcı varsayılanından geliyor olabilir.
Doğru değeri takip etmek zordur.
Neyse ki, bir özelliğin orijinal değerini kolayca geri döndürmenin bir yolu var. Sadece özelliğin değeri olarak boş bir string atamanız yeterli:
elem.style.display = '';
Bir div ve iki buton verilmiştir. İlk butona tıklandığında div'i gizleyin, ikinci butona tıklandığında ise gösterin.
Bir div ve iki buton verilmiştir. İlk butona tıklandığında div'in rengini kırmızı yapın, ikinci butona tıklandığında ise orijinal rengine döndürün.
