Problema con If(){}Else{}

[melitoso]

Quiero hacer un botón para cambiar de color el fondo de un <div>. Le puse al boton que si el fondo del div es blanco que cambie a rojo y si es rojo que cambie a blanco, pero no funciona :S Por favor diganme en que estoy fallando :(

javascript:

function cambiarcolor(){

var obj = document.getElementById("divloco");

if(obj.style.backgroundColor == '#FFF'){

obj.style.backgroundColor = '#435654';


}else{
obj.style.backgroundColor = '#FFF';

}
}

html:

<div id="divloco" style="background-color:#FFF">Div que cambia de color</div>
<a href="#" onclick="cambiarcolor();">Boton para cambiar color</a>

[David]

Revisa esto:
http://www.forosdelweb.com/f13/compa...5/#post3267569

Saludos.

[melitoso]

Gracias, pero sigue sin funcionar, y cuando hago un

alert(obj.style.backgroundColor);

No funciona..

[David]

¿Te da algún error?

[melitoso]

No sale nada :/ Tambien probé hacerlo así de simple y tampoco pasa nada:


<script type="text/javascript">

alert(document.getElementById("nose").style.backgr oundColor);

</script>


<div id="nose">asdasddas</div>

[David]

Si intentas acceder antes de que el elemento exista es normal que no funcione:

Código Javascript:

onload = function() {
    alert(document.getElementById("nose").style.backgroundColor);
}
 

De hecho para que aparezca allí tendrías también que asignar el color de fondo directamente en el atributo style.

[melitoso]

Lo logré!! Muchas gracias!!, aprendí varias cosas haciendo este ejercicio ;) Dejo el código final:

<div id="contenedor" style="background-color:#ccc">Texto</div>

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

<script type="text/javascript">

var nose = document.getElementById("contenedor");

function cambiarcolor(){



if(nose.style.backgroundColor == 'rgb(204, 204, 204)'){


nose.style.backgroundColor = 'rgb(100, 210, 130)';


}else{
nose.style.backgroundColor = 'rgb(204, 204, 204)';

}

}


Te agradezco tu ayuda ;)