Cambiar contenido de una capa con javascript

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