Cambiar el contenido de una capa con javascript es muy sencillo utilizando innerHTML. Con este metodo lo que hacemos es modificar el contenido de la capa que seleccionamos con document.getElementById(‘nombre_de_capa’), y lo reemplazamos con innerHTML. La sentencia completa seria document.getElementById(‘divXCambiar’).innerHTML = «String con el nuevo contenido»;
Si lo que queremos es añadir contenido a la capa, no reemplazar el que tenemos, la sentencia seria document.getElementById(‘divXCambiar’).innerHTML += «String que añadirmos con el nuevo contenido»;
Aqui dejamos el enlace para cambiar el contenido con jquery
<script>
function cambia_contenido()(){
var elemento = document.getElementById("capa");
elemento.innerHTML = 'Nuevo contenido';
}
function anade_contenido(){
var elemento = document.getElementById("capa");
elemento.innerHTML += ' Contenido añadido';
}
</script>
<div id="botones">
<input type="button" onclick="javascript:cambia_contenido();" value="Cambia contendio" /><input type="button" onclick="javascript:anade_contenido();" value="añade contenido" />
</div>
<div id="capa">Esto es una capa</div>
Esto es una capa
