比较javascript中的图像

Question

我正在尝试比较javascript中的图像。如果图像为真，它将变为不同的图像。我写了一个if语句，但似乎没有用。有谁知道我怎么能做到这一点？

function test()
{
imageElement = document.getElementById('pic');
if(imageElement.src == "images/cat_12.gif"){

imageElement.src = "images/press2_12.gif";
}else{

}
}

Answer 1

function test(){
    if(imageElement.src.indexOf("images/cat_12.gif") != -1){
       //
    }
}

Answer 2

当您从Javascript中读取它时，

src将转换为完整的URL。您可以尝试提取文件名，例如img.src.substr(img.src.lastIndexOf('/'))。

更好的解决方案是在图像之间使用类和CSS背景切换。