Menetapkan Semula Gaya melalui style dalam JavaScript
Katakan kita memutuskan untuk menyembunyikan elemen berdasarkan suatu peristiwa:
elem.style.display = 'none';
Sekarang katakan kita ingin menunjukkannya
semula. Ini bermakna
sifat display perlu
dikembalikan kepada nilai asalnya.
Contohnya, seperti ini:
elem.style.display = 'block';
Masalahnya, ini tidak sesuai.
Kerana nilai asal tidak semestinya
block. Ia mungkin
flex, atau inline-block,
atau yang lain. Ia mungkin ditetapkan oleh kita
dalam fail CSS, atau mungkin diambil oleh pelayar
secara lalai. Sukar untuk menjejaki nilai
yang betul.
Nasib baik, terdapat cara untuk mudah mengembalikan nilai asal sifat tersebut. Hanya perlu menetapkan sifat tersebut kepada string kosong:
elem.style.display = '';
Diberi satu div dan dua butang. Apabila klik butang pertama sembunyikan div, dan apabila klik butang kedua - tunjukkan.
Diberi satu div dan dua butang. Apabila klik butang pertama warnakan div tersebut dengan warna merah, dan apabila klik butang kedua - kembalikan warna asal.
