Redefinindo estilos através do style em JavaScript
Suponha que, por algum evento, decidimos ocultar um elemento:
elem.style.display = 'none';
Agora, suponha que decidimos mostrá-lo
novamente. Isso significa que a
propriedade display precisa
ter seu valor original restaurado.
Por exemplo, assim:
elem.style.display = 'block';
O problema é que isso não é conveniente.
Afinal, o valor original não era necessariamente
block. Poderia ser
flex, ou inline-block,
ou qualquer outra coisa. Poderia ter sido definido por nós
no arquivo CSS, ou poderia ser o valor padrão
do navegador. Acompanhar o valor correto
é complicado.
Felizmente, existe uma maneira fácil de restaurar o valor original da propriedade. Simplesmente atribua uma string vazia como valor da propriedade:
elem.style.display = '';
Dada uma div e dois botões. Ao clicar no primeiro botão, oculte a div, e ao clicar no segundo - mostre-a.
Dada uma div e dois botões. Ao clicar no primeiro botão, mude a cor de fundo da div para vermelho, e ao clicar no segundo - restaure a cor original.
