Restablecimiento de estilos mediante style en JavaScript
Supongamos que debido a algún evento decidimos ocultar un elemento:
elem.style.display = 'none';
Ahora supongamos que decidimos mostrarlo
nuevamente. Esto significa que la propiedad
display necesita recuperar su valor original.
Por ejemplo, así:
elem.style.display = 'block';
El problema es que esto no es conveniente.
Porque el valor original no necesariamente
era block. Podría haber sido
flex, o inline-block,
o algo más. Podría haber sido establecido por nosotros
en un archivo CSS, o podría ser el valor predeterminado
del navegador. Rastrear el valor correcto es complicado.
Afortunadamente, hay una manera fácil de restaurar el valor original de la propiedad. Simplemente necesitas asignar una cadena vacía como valor de la propiedad:
elem.style.display = '';
Se dan un div y dos botones. Al hacer clic en el primer botón, oculta el div, y al hacer clic en el segundo, muéstralo.
Se dan un div y dos botones. Al hacer clic en el primer botón, cambia el color de fondo del div a rojo, y al hacer clic en el segundo, restaura el color original.
