l'affectation de la variable document.getElementById().Innerhtml ne fonctionne pas

Voir le code ci-dessous:

var text=["yuppie", "kkkoseh", "watchdog"];

var messageIndex=0;

function looptext (){
    var MessageElement= document.getElementById("happy").innerHTML
    var Message=text[messageIndex];

    MessageElement=Message;
    messageIndex++;

    if(messageIndex>=text.length){
        messageIndex=0;
    }
}

window.onload = function() {
    setInterval(looptext, 1000);
};

Il ne fonctionne pas.

Mais quand j'enlève .innerhtml à la variable MessageElement et définir la MessageElement.innerHtml= Message , il fonctionne.

Pourquoi est-il si?
Désolé, je suis un débutant l'apprentissage de JavaScript.

OriginalL'auteur user3322381 | 2014-02-18

javascript

4

Parce que c'est la manière dont les variables et les valeurs de travail en JavaScript. Imaginez variables comme des conteneurs. Avec
```
var MessageElement = document.getElementById("happy").innerHTML
```
le conteneur MessageElement contiendra un chaîne. Plus tard, avec
```
MessageElement = Message;
```
il vous suffit de mettre une nouvelle valeur dans le conteneur, et écrase la valeur précédente de contenu/le conteneur avait. Mais il n'a aucun effet sur l'endroit où la valeur précédente.

Mais quand je l'ai supprimer .innerhtml à la variable MessageElement et définir la MessageElement.innerHtml= Message , il fonctionne.

Maintenant la variable contient une référence à l'élément DOM et
```
MessageElement.innerHtml = Message
```
n'est pas attribuer une nouvelle valeur à la variable (ne pas mettre une nouvelle valeur dans le conteneur), il utilise la valeur de la variable (conteneur).

Je vous remercie.. je suis curieux, Est-il un moyen de l'inclure .innerHtml dans une variable ? Une variable pour stocker le point de référence.
Non, JavaScript est affecter par valeur, ne pas affecter par référence.

OriginalL'auteur Felix Kling
0

innerHTML retourner une chaîne de ne pas e pointeur vers le document.getElementById("heureux")'s nœud de texte.

OriginalL'auteur Manuel Spigolon

essayer cette

var text=["yuppie", "kkkoseh", "watchdog"];

var messageIndex=0;

function looptext (){
document.getElementById("happy").innerHTML = text[messageIndex];
messageIndex++;
if(messageIndex>=text.length){
    messageIndex=0;
}
}    
window.onload = function() {
setInterval(looptext, 1000);
};

OriginalL'auteur Amin

0

@Felix Roi est correct.

Pour tester la façon dont il se comporte vraiment j'ai moi-même essayé l'extrait de code ci-dessous sur W3Schools.

Et j'ai trouvé:
1. var MessageElement = document.getElementById("heureux") - attribue à l'élément (dans mon exemple - http://www.microsoft.com/)
2. d'alerte(m) donc affiche - http://www.microsoft.com/
3. m.innerHTML = "Atul" - attribue Atul à l'élément.
4. Toutefois, la valeur de m est toujours http://www.microsoft.com/ que Felix dit à juste titre - 'MessageElement.innerHtml = Message, ne pas affecter une nouvelle valeur à la variable'.
```
<html>
<head>
<script>
function changeLink()
{
var m = document.getElementById("myAnchor"); //assigns http://www.microsoft.com/
alert(m); //
m.innerHTML = "Atul"
alert(document.getElementById("myAnchor").innerHTML + " new");
document.getElementById('myAnchor').innerHTML=m;
}
</script>
</head>
<body>

<a id="myAnchor" href="http://www.microsoft.com">Microsoft</a>
<input type="button" onclick="changeLink()" value="Change link">

</body>
</html> 
```
Merci Felix 🙂

OriginalL'auteur Atul O Holic

Vous devez vous connecter pour publier un commentaire.