javascript: image won't change

javascript: image won't change

本文关键字：change image won javascript      更新时间：2023-09-26

我很确定逻辑是好的，但由于某些其他原因，当我点击图像时，它没有改变。所有的图片都在同一个目录下，我可以加载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>

唯一的问题似乎是存在的img src是不正确的，确保路径到您的图像是正确的。我改变了路径，它工作http://jsfiddle.net/Y4yCb/

<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>
相关文章：