javascript - image not switching in browser after i change source

Question

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

if i look at what's outputted to console, the src of the image is correct. but it's not changing in my browser. what's up? (ie, the image stays the same even though the source url is changing...)

Answer 1

I would write your function this way, this should also take care of your error:

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

Answer 2

ugh i'm dumb. i accidentally wrote id instead of class in my code so there are multiple images with the same id, which meant i found the first one and swapped it and not the others. thanks for trying :(