我的onClick按钮不会执行JavaScript

My onClick button will not execute the JavaScript

本文关键字：执行 JavaScript onClick 按钮 我的      更新时间：2023-09-26

这是我的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>

Javascript区分大小写。在您的情况下，它是getElementById而不是getElementById。你可能把警报放在函数的第一件事上，因此那部分工作了。Javascript没有预编译，所以你只会在试图执行的那一行得到语法错误。

你可以使用firebug调试javascript

语法错误。使用:

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是区分大小写的，所以第一个错误是在document.GetElementById。这应该是一份文件。为了改变src，你可以将onclick绑定到js部分本身的按钮，如:

theButton.onclick = function pictureChange()

完整的工作示例在这里

试试这个…您需要在html

中为img添加一个src

    
function swapImage() {
      if (document.getElementById("flashlight").src.endsWith("Images/Image1.png") == true)//Comparison
      {
        document.getElementById("flashlight").src = "Images/Image2.png";//assignment  
      }
      else if (document.getElementById("flashlight").src.endsWith("Images/Image2.png") == true)
      {
        document.getElementById("flashlight").src = "Images/Image1.png";
      }
    }

相关文章：