style.color Non Funziona!

**andreto** · 13-04-2013, 19:24

Ciao a tutti,
il codice qui sotto non funziona (ho provato con IE10 e Chrome).

codice:

<html>

<head>

<script>
function cambia(){
if(document.getElementById("testo").style.color == "#000000"){
document.getElementById("testo").style.color = "#FF0000";
}
else{
document.getElementById("testo").style.color = "#000000";
}
}
setInterval("cambia()",1000);
</script>

</head>

<body>
<p id="testo"> ciao </p>
</body>

</html>

se al posto di "#000000" e "#FF0000" scrivo:

"rgb(0, 0, 0)" e "rgb(256, 0, 0)" oppure
"black" e "red" allora funziona!!!

Chi mi sa spiegare il motivo perché l'esadecimale non viene riconosciuto?

**earth.web2** · 13-04-2013, 23:36

Ciao,

Credo dipenda da come vengono letti i codici dei colori dal browser, infatti li legge secondo lo schema rgb quindi la condizione ......style.color == "#000000" non viene confermata mai.

Modificando la funzione cosi dovrebbe andare:

codice:

<script>
function cambia(){
if(document.getElementById("testo").style.color == 'rgb(0, 0, 0)'){

document.getElementById("testo").style.color = "#FF0000";
}
else{
document.getElementById("testo").style.color = "#000000";
}
}
setInterval("cambia()",1000);
</script>

**andreto** · 14-04-2013, 02:28

Però se la condizione style.color == "#000000" non viene confermata dovrebbe entrare nell'ELSE, assumere colore NERO e da li riciclare.

Discussione: style.color Non Funziona!

Strumenti discussione

Ricerca discussione

Visualizza

style.color Non Funziona!

Permessi di invio