Manipulando o display em vários browsers

Manipular elementos css com JavaScript em diferentes browsers é uma tarefa que requer pesquisa, pois o IE possui algumas diferenças em relação aos outros browsers. Hoje, será tratado nesse post a manipulação do elemento css "display" usando JavaScript. Para tornar um elemento visível na tela usando o IE, use:

document.getElementById("idaqui").style.display = "block";

Para ocultá-lo use:

document.getElementById("idaqui").style.display = "none";

Esses comandos funcionam perfeitamente no IE mas, na família Firefox, Chrome, Safari e Opera não funcionam tão bem. Para solucionar esse problema usamos:

Para tornar um elemento visível na tela usando o Firefox, Chrome, Safari e Opera:

document.getElementById("idaqui").style.display = "";

Para ocultá-lo use:

document.getElementById("idaqui").style.display = "none";

Com a manipulação dessa propriedade é possível construir layouts dinâmicos que mudam de acordo com a escolha do usuário.