Question

这是我的javascipt函数：我正在尝试交换图像，并且能够使用button再次交换它。但由于某种原因，它不会执行脚本。

的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>

Answer 1

Javascript区分大小写。在你的情况下，它是getElementById而不是GetElementById。您可能将警报放在功能中的第一件事，因此该部分有效。 Javascript未预编译，因此您只是在尝试执行该行时出现语法错误。

您可以使用firebug调试javascript。

Answer 2

您有语法错误。使用此：

function changeImage() {

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

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

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

  } else {

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

  }
}

Answer 3

Javascript区分大小写，因此第一个错误是在document.GetElementById中。它应该是document.getElementById，以便更改src，你可以将onclick绑定到js部分本身的按钮，如：

theButton.onclick = function pictureChange()

完整的工作示例位于此fiddle

中

我的onClick按钮不会执行JavaScript

3 个答案: