Reset Gaya melalui style dalam JavaScript

Misalkan kita memutuskan untuk menyembunyikan elemen berdasarkan suatu peristiwa:

javascriptelem.style.display = 'none';

Sekarang misalkan kita memutuskan untuk menampilkannya kembali. Ini berarti bahwa properti display perlu dikembalikan ke nilai aslinya. Misalnya, seperti ini:

javascriptelem.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:

javascriptelem.style.display = '';