Reset Gaya melalui style dalam JavaScript
Misalkan kita memutuskan untuk menyembunyikan elemen berdasarkan suatu peristiwa:
elem.style.display = 'none';
Sekarang misalkan kita memutuskan untuk menampilkannya
kembali. Ini berarti bahwa
properti display perlu
dikembalikan ke nilai aslinya.
Misalnya, seperti ini:
elem.style.display = 'block';
Masalahnya adalah ini tidak nyaman.
Karena nilai aslinya belum tentu
block. Bisa jadi
flex, atau inline-block,
atau yang lainnya. Nilainya bisa diatur oleh kita
dalam file CSS, atau bisa diambil oleh browser
secara default. Melacak nilai yang benar
sulit.
Untungnya, ada cara mudah untuk mengembalikan nilai asli properti. Cukup dengan menetapkan string kosong sebagai nilai properti:
elem.style.display = '';
Diberikan sebuah div dan dua tombol. Saat mengklik tombol pertama sembunyikan div, dan saat mengklik tombol kedua - tampilkan.
Diberikan sebuah div dan dua tombol. Saat mengklik tombol pertama warnai div dengan warna merah, dan saat mengklik tombol kedua - kembalikan warna aslinya.
