jueves, 21 de febrero de 2013

Cambiar el background color con Javascript

Hola a todos!
Para cambiar el background color del body con Javascript, basta con asignar un nuevo código en formato RGB al atributo background del estilo del elemento que queramos cambiar, en este caso el body, el formato es "#rrggbb".

document.body.style.background = "#000cff";

Para trabajar de forma más cómoda opino que es mejor encapsular esta línea en una función:

function bgcolor(color){
    document.body.style.background = color;
}

Supongamos que queremos que al pulsar sobre una imagen cambie el color de fondo, en el evento onclick podemos añadir lo siguiente:

<img src="boton.png" onclick="bgcolor('#d2ffae');"/>

Y ya está!!

No hay comentarios:

Publicar un comentario