l'élément html.style.question couleur

Je suis en train d'écrire un peu de code javascript pour rendre le texte clignote mais il l'habitude de travailler.

        function start_blink(elementId) {
            //var red = "#ff0000";
            //var white = "#000000";
            var element = document.getElementById(elementId);
            element.style.color == 'red';
            if(document.getElementById) {
                element.style.color = (element.style.color == 'red') ? 'white' : 'red';
                //document.write(element.style.color);
                blinkIntervalID = setInterval(start_blink, 1000, elementId);
            }
        }

Il ne s'allume en rouge, jamais blanc, ce qui signifie que
element.style.color == 'red' renvoie toujours false.
Pourquoi est-ce le cas?

Première chose à changement de setInterval à setTimeout pour empêcher le navigateur à partir de la plante!!
element.style.color == 'red' retourne true en Chrome lorsque la couleur est mise à 'rouge' - jsfiddle.net/DdqZF
Appelez cette fonction?

OriginalL'auteur Michael | 2011-08-16

3

Pour un début c'est faux:
```
element.style.color == 'red'
```
doit être"=". Comme vous l'avez écrit, ce sera évaluée dans le test d'égalité, de retourner true ou false.

Également, vérifier quels element.style.color retourne en fait, il pourrait ne pas être "rouge" ou "blanc", mais une rgb ou hex code et peut-être du navigateur dépendante.

Troisièmement, l'utilisation de la méthode setInterval est faux. Voir ici pour plus de détails sur l'utilisation de ce. Tu veux sans doute dire setTimeout:
```
setTimeout(function() { start_blink(elementId); }, 1000);
```
OriginalL'auteur Richard H

Votre code est faux à bien des égards... modifier la fonction de ce lieu:

function start_blink(elementId) {
    //var red = "#ff0000";
    //var white = "#000000";
    var element = document.getElementById(elementId);
    element.style.color = (element.style.color == 'red') ? 'white' : 'red';
    //document.write(element.style.color);
    blinkIntervalID = window.setTimeout(function() {
        start_blink(elementId);
    }, 1000);
}

Et de l'appeler pour la première fois comme ceci:

window.onload = function() {
    start_blink('MySpan');
};

En direct des cas de test.

OriginalL'auteur Shadow Wizard

1

Comme cela a déjà été signalé, vous devez vous assurer que lorsque vous êtes à la définition de la valeur que vous utilisez = plutôt que == qui est utilisé pour comparer les valeurs.

Deuxièmement, la vérification de la valeur de couleur est assez incohérent selon la façon dont le navigateur décide d'interpréter la couleur (rgb, hex, etc).

Ce que vous pouvez faire est de compter le nombre de fois que l'exécution de la méthode et de décider sur cette base.

Voici un exemple: http://jsfiddle.net/nUvJV/

Ici, au lieu de vérifier la couleur nous simplement vérifier le décompte:
```
item.style.color = (blinkCounter % 2)? '#000' : '#f00';
```
OriginalL'auteur Jamie Dixon

Il semble que vous êtes en essayant de définir l'élément de couleur de rouge à droite avant votre if. Si c'est le cas, il devrait être:

element.style.color = 'red';

Pas:

element.style.color == 'red';

MODIFIER

Oui, votre logique est un peu hors. Voici un travail de Violon.

HTML

<div id="test">This is text</div>

var myInterval = null;

function start_blink(elementId) {
    var element = document.getElementById(elementId);

    if (myInterval == null) {
        element.style.color = 'red';
        myInterval = setInterval(start_blink, 1000, elementId);
    }
    else {
        element.style.color = (element.style.color == 'red') ? 'white' : 'red';
    }
}

start_blink("test");

Oh, je vois. Dans ce cas, il ne va en blanc, mais il ne se répète. Est ma fonction setinterval syntaxe correcte?
voir d'édition (et de travail de Violon).

OriginalL'auteur James Hill

J'ai essayé quelque chose comme ça, et il a travaillé :

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Style change</title>
</head>
<body>
<p id ="stt" style="color: red"> HI MALLIK, I AM GONNA CHANGE MY STYLE !! </p>
<button id="butt" onclick="fontChange()">font change</button>
<script type="text/javascript">
function fontChange(){
    var line= document.getElementById('stt');
    line.style.fontSize = "30px";
    line.style.color = (line.style.color == "red") ? "blue" : "red";
}
</script>
</body>
</html>

OriginalL'auteur Mallik69

Vous devez vous connecter pour publier un commentaire.