javascript:image-won'；不变_Javascript_Html

javascript:image-won'；不变

javascript html

javascript:image-won'；不变,javascript,html,Javascript,Html,我很确定逻辑是正确的，但由于其他原因，当我点击图像时，它没有改变。所有图像都在同一个目录中，我可以加载lightOn.png图像，但无法更改它 <!DOCTYPE html> <html> <body> <script> function changeImage() { if (document.getElementById("myimg").src == "light

我很确定逻辑是正确的，但由于其他原因，当我点击图像时，它没有改变。所有图像都在同一个目录中，我可以加载lightOn.png图像，但无法更改它

<!DOCTYPE html>
<html>
    <body>
        <script>
            function changeImage() {
                if (document.getElementById("myimg").src == "lightOn.png") {
                    document.getElementById("myimg").src = "lightOff.png";
                }
                else {
                    document.getElementById("myimg").src = "lightOn.png";
                }
            }
        </script>
        <img id="myimg" onclick="changeImage()" src="lightOn.png">
        <p>Turn on/off the light</p>
    </body>
</html>


函数changeImage（）{
if（document.getElementById（“myimg”）.src==“lightOn.png”）{
document.getElementById（“myimg”）.src=“lightOff.png”；
}
否则{
document.getElementById（“myimg”）.src=“lightOn.png”；
}
}
开灯/关灯

唯一存在的问题似乎是img src不正确，请确保图像路径正确。我改变了路径，它成功了


函数changeImage（）{
if（document.getElementById（“myimg”）.src==”http://www.freeimageslive.com/galleries/light/pics/light00002g.jpg") {
document.getElementById（“myimg”）.src=”http://solar.calfinder.com/assets/blog/images/energy-light-off.jpg";
}
否则{
document.getElementById（“myimg”）.src=”http://www.freeimageslive.com/galleries/light/pics/light00002g.jpg";
}
}
开灯/关灯

我在这里看到的唯一问题是您的代码应该工作的图像路径。请检查文件是否存在。为了避免从“lightOn.png”切换到“lightOff.png”时出现空白图像，我会先加载图像。更好的是，我会使用CSS精灵和JS只改变类。是的，路径是问题所在，谢谢。。。

<body>
        <script>
            function changeImage() {
                if (document.getElementById("myimg").src == "http://www.freeimageslive.com/galleries/light/pics/light00002g.jpg") {
                    document.getElementById("myimg").src = "http://solar.calfinder.com/assets/blog/images/energy-light-off.jpg";
                }
                else {
                    document.getElementById("myimg").src = "http://www.freeimageslive.com/galleries/light/pics/light00002g.jpg";
                }
            }
        </script>
        <img id="myimg" onclick="changeImage()" src="http://www.freeimageslive.com/galleries/light/pics/light00002g.jpg">
        <p>Turn on/off the light</p>
    </body>