Mostrar elementos ocultados con javascript
Aquí una rápida pieza de código que permitira ocultar contenido para luego mostrarlo si así lo quiere el usuario. Empleamos javascript junto al reconocimiento DOM de elementos html para definir el contenido de un div.
<head>
<script type="text/javascript">
function mostrar()
{
document.getElementById("contenedor").innerHTML = 'hola mundo';
}
</script>
</head>
<body>
<a href="javascript://" onclick="mostrar()">Mostrar contenido del contenedor</a>
<div id="contenedor>
<!-- Este contenedo ahora mismo esta vacio -->
</div>
Y así de facil, únicamente tenemos que hacer referencia con el atributo de onclick a la función que insertara contenido al elemento que queramos mostrar, también sirve para cambiar de imagen, únicamente deberiamos usar el atributo de javascript document.getElementById(“contenedor”).src al hacer click a la imagen…