Question

我试图制作一个按钮，在2张图像之间切换，但我没有。

这是我的HTML：

<img id="down" src="down.png">
<FORM>
<INPUT TYPE="button" VALUE="Pump" onclick="myFunction()" >
</FORM>

这是JavaScript：

function myFunction()
{
    if( document.getElementById("down").src == "down.png"){
        document.getElementById("down").src = "1.png";
    }
    else if( document.getElementById("down").src == "1.png" ){
        document.getElementById("down").src = "down.png";
    }
}

我该如何解决？

Answer 1

这里的问题是你只是比较你的document.getElementById("down").src为你提供包括域在内的整个路径的图像名称。

您需要从src

中获取图片名称

function myFunction()
{
    var source = document.getElementById("down").src; // get source
    var imgName = source.substring(source.lastIndexOf('/') + 1); // fetch image name

    if(imgName == "down.png"){ //check image name
        document.getElementById("down").src = "1.png";
    }
    else if(imgName == "1.png" ){
        document.getElementById("down").src = "down.png";
    }
}

在javascript中切换图像

1 个答案:

Demo