javascript - 图像变量

Question

我正在尝试进行切换以更改两个图像。我曾经解决过这个问题，但后来我丢失了一些重要文件，其中包含最终脚本的文件就是一个。

想法是当按钮被点击时，它会将图像 1 更改为图像 2，并将其自己的图像从打开更改为关闭。然后，当再次单击时，它会将图像 1 的图像 2 和它自己的图像从关闭更改为打开。我一直在尝试这样的事情，但没有用，不知道为什么。我想我得到了错误的 if 声明，它决定了开关是打开还是关闭，但又不确定。

在您阅读代码并意识到它做得很差之前，请考虑一下我对 javascript 一无所知，我对它的工作原理只有一个模糊的概念。

   <script type="text/javascript">
    var vswitch = false;
    if (document.getElementById("switchh").src = "http://www.sampleweb.com/on.gif") {
        vswitch = true
    }
    else {
        vswitch = false
    }

    function change(){
        if (vswitch == true){
            function changelamp() {
                document.getElementById("lamp").src = "http://www.sampleweb.com/image2.png";
            }

             function changeSwitch() {
                document.getElementById("switchh").src = "http://www.sampleweb.com/off.gif";
            }
        } else {
            function changelamp() {
                document.getElementById("lamp").src = "http://www.sampleweb.com/image1.gif";
            }

             function changeSwitch() {
                document.getElementById("switchh").src = "http://www.sampleweb.com/on.gif";
            }
        }
    }
    <div id="main_img">
        <img id="lamp" src = "http://www.sampleweb.com/image1.gif">
    </div>
    <div id="container">
        <img id="switchh" src = "http://www.sampleweb.com/on.gif" onclick='change();'>
    </div>
</script>

谢谢

////////////////////编辑///////////////////////////多谢。有这两个功能是前面代码的结果，我不明白我怎么没有意识到，直到你指出，呵呵。 (可能是嗜睡？)@renuka，该代码运行良好。我只更改了调用 div，从您创建的 div“切换”更改为 div“容器”，因为按钮必须自行切换图像，但除此之外很不错。谢谢。感谢您的帮助!

Answer 1

这里有几个问题:)

首先:

if (document.getElementById("switchh").src = "http://www.sampleweb.com/on.gif")
                                           ^ this assigns a variable

您想将 = 更改为 === 以便完成比较

其次，您正在创建函数 changelamp 和 changeSwitch 但您从未真正调用过它们。我认为您想完全摆脱函数声明:

if (vswitch == true){
    document.getElementById("lamp").src = "http://www.sampleweb.com/image2.png";
    document.getElementById("switchh").src = "http://www.sampleweb.com/off.gif";
} else {
    document.getElementById("lamp").src = "http://www.sampleweb.com/image1.gif";
    document.getElementById("switchh").src = "http://www.sampleweb.com/on.gif";
}

最后，还有一些小的语法错误，比如缺少分号

vswitch = true;    // <- like this