Artículos
Javascript

Cambiar el contenido de una capa con JavaScript

03/Mar/2008

Raro sería encontrarnos una nueva página que no estuviese diseñada basada en capas y lo estuviese en tablas como se diseñaba tiempo atrás.

Y es que las capas conjunto con las hojas de estilo CSS son la base de toda página web con un buen diseño.

Es por ello que el saber como cambiar el contenido de una capa, completará los diseños permitiendo el dinamismo sobre la misma.

Los pasos para cambiar el contenido de una capa con JavaScript son muy sencillos. Lo primero será el crear un capa. Las capas se crean mediante el elemento DIV.

Contenido de mi capa...

Es muy importante el dotarle de un identificador a la capa. Esto lo conseguimos mediante el atributo id. Y es que mediante el código Javascript accederemos a la capa y a su contenido con dicho ID. En este caso será el método getElementById sobre el que nos apoyaremos.

Una vez obtenido el acceso a la capa tenemos acceso al atributo innerHTML, el cual representa su contenido. Por consiguiente, para cambiar el contenido de una capa habrá que modificar el contenido de este atributo.

Un código de ejemplo sería el siguiente:

function cambiarContenido(texto){
	document.getElementById("micapa").innerHTML = texto;
}

Solo nos quedará invocar a este método. En este caso utilizamos un formulario para que el usuario pueda proporcionar el contenido mediante un textarea.

Código Fuente

Descárgate el código fuente de Cambiar el contenido de una capa con JavaScript
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre Javascript

Disfruta también de nuestros artículos sobre Javascript en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Javascript

¿Te atreves a probar tus habilidades y conocimiento en Javascript con nuestro test?

Test Javascript
Suscribir
Notificar de
guest
10 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios