javascript - l'image ne change pas dans le navigateur après le changement de source

Question

function swapImg(imgId) { 
    var image = document.getElementById(imgId); 
    if (image.getAttribute("class") == "unselected") { 
     image.setAttribute("src", "img/frownie.gif"); 
     console.log(image); 
    } 
} 

Si je regarde ce qui est sorti sur la console, le src de l'image est correct. mais ça ne change pas dans mon navigateur. quoi de neuf? (C.-à, l'image reste la même, même si l'URL source change ...)

Answer 1

ugh i » m stupide. J'ai accidentellement écrit l'identifiant au lieu de la classe dans mon code, donc il y a plusieurs images avec le même identifiant, ce qui signifie que j'ai trouvé le premier et l'ai échangé et pas les autres. Merci d'avoir essayé :(

Answer 2

Je voudrais écrire votre fonction de cette façon, cela devrait aussi prendre soin de votre erreur:

function swapImg(imgId) { 
    var image = document.getElementById(imgId); 
    if (image.className == "unselected") { 
     image.src = 'img/frownie.gif'; 
     console.log(image); 
    } 
}