我的onClick按钮不会执行JavaScript

这是我的

javascipt

函数：我正在尝试交换一个图像，并且可以使用

按钮将其重新交换回来。但由于某些原因，它不会执行脚本

Javascript

function changeImage() {

    if (document.GetElementById('flashlight').src == "img\flashlight.png") {
        image.src="img\flashlightON.png";

    } else (document.GetElementById('flashlight').src == "img\flashlightON.png"); {
                image.src="img\flashlight.png";
                } 
            }

这是我的HTML：

<button type="button" onClick="changeImage()" class="classname"> </button>

您有语法错误。使用以下命令：

function changeImage() {

  var image = document.getElementById('flashlight');

  if (image.src == "img/flashlight.png") {

    image.src = "img/flashlightON.png";

  } else {

    image.src = "img/flashlight.png";

  }
}

Javascript区分大小写。在您的例子中，它是getElementById而不是getElementById。您可能将警报作为功能中的第一件事，因此该部分工作正常。Javascript不是预编译的，所以您只是在试图执行该行时得到语法错误

您可以使用firebug调试javascript。
javascript区分大小写，因此第一个错误出现在document.GetElementById中。它应该是document.getElementById为了更改src，您可以将onclick绑定到js部件本身中的按钮，如下所示：

theButton.onclick = function pictureChange()

完整的工作示例在此
函数changeImage（）{debugger；if（document.GetElementById（'flashlight'）.src==“img\flashlight.png”）{image.src=“img\flashlight.png”；}else（document.GetElementById（'flashlight'）.src==“img\flashlight.png”）；{image.src=“img\flashlight.png”}//测试它什么也没做。只是想让你们知道，我是一名学生程序员在我的第一年。我放了一个警报框再次测试，但他给了我警报，所以我猜这是我的鳕鱼中的东西，但我没有线索？