Como ocultar un elemento html (y poner visible) con javascript

Ocultar y poner otra vez visible una capa o cualquier otro elemento de html es de lo mas sencillo, en javascript lo primero es identificar el elemento que queremos ocultar con su id con la propiedad getElementById(«id»), una vez que tenemos el elemento que queremos, con .style.display asignamos el valor que queramos o bien none para ocultarlo o bien block para verlo.

Este es me metodo para ocultar un elemento con javascript, pero tambien lo podemos hacer con jquery, que resulta mucho mas sencillo y mucho mas vistoso, y tambien tenemos que tener en cuenta que es la tendencia de programación javascript

Mas abajo veremos el código utilizado así como la prueba con el código descrito.


<script>
function esconde_div(){
   var elemento = document.getElementById("capa");
   elemento.style.display = 'none';
}
 
function visible_div(){
   var elemento = document.getElementById("capa");
   elemento.style.display = 'block';
}
</script>
 
<input type="button" onclick="javascript:esconde_div();" value="Ocultar div" />
<input type="button" onclick="javascript:visible_div();" value="div visible" />

<div id="capa">esto es una capa</div>
esto es una capa