Cambiar color de fondo div con javascript

[makh16]

Buenas!

Alguien sabe cómo cambiar el color de fondo de un div desde javascript?

He probado esto pero no me funciona. También he probado con backgroundColor y nada.

Código Javascript:

document.getElementById('prueba').style.background='#CCCCCC';
 

El div existe y he mirado en la consola de javascript y no aparece ningún error.

Gracias.

[David]

Con backgroundColor debería funcionar, ¿cómo tienes el HTML?

[makh16]

Código HTML:

<div id="probar" onclick="cambiaColor();">
Cambia Color
</div>
<div id="prueba">Este div cambia de color</div>
 

y en la función tengo el código que he puesto en el primer mensaje. He hecho este ejemplo sencillo para hacer la prueba pero nada..es extraño.

En el css tengo puesto otro color así que tampoco falla por eso y en la función entra seguro porque le he puesto un alert y me lo abria.

[David]

Yo lo probé y funciona perfectamente con ese código usando backgroundColor

[makh16]

Yo tampoco entiendo el por qué no funciona, lo había usado varias veces antes y andaba...

[David]

Habría que ver la página completa. O haz pruebas, elimina las cosas superfluas; si usas alguna herramienta como Firebug revisa los estilos en cada ejecución, etc.

[makh16]

Voy a probarlo ;)

Gracias por las respuestas David!

[Garot]

Hola, con permiso ... tengo un problema muy parecido y me gustaría plantearlo acá.

En realidad consigo que el fondo cambie de color por medio de un enlace

Código HTML:

<a href="#" onclick="cambiar_fondo();"></a>
 

Pero quiero hacer que cuando vuelvan a hacer click sobre el enlace el fondo desaparezca.
Entonces uso el siguiente script

Código Javascript:

function cambiar_fondo() {
                obj = document.getElementById('id_del_div');
                obj.style.backgroundColor = (obj.style.backgroundColor == '#CCCCCC') ? 'none' : '#CCCCCC';
            }
 

El caso es que cambia el fondo pero cuando vuelvo a hacer click sobre el enlace continua igual, no desaparece el fondo.

Esta bien la lógica? alguna sugerencia?

Muchas gracias!

[David]

Por un lado, dependiendo del navegador, al leer backgroundColor ya no te devolverá el color en el mismo formato que le diste, es mejor que uses otra variable para controlar el cambio. Y, por otro lado, "none" no es válido como valor para el backgroundColor, sería "transparent" para sin color de fondo.

[Garot]

Es verdad "el backgroundColor" me devuelve el valor del fondo en RGB

Entonces hice unos pequeños cambios y funciono

Código Javascript:

function cambiar_fondo() {
                obj = document.getElementById('id_del_div');
                obj.style.backgroundColor = (obj.style.backgroundColor == 'rgb(204, 204, 204)') ? 'transparent' : '#CCCCCC';
            }
 

Gracias Davis, saludos!