Question

我想制作一个程序，当我点击它时会改变图像。

＆＃13;

var image_tracker = "f"

function change() {
  var image = document.getElementById('social');
  if (image_tracker == "f") {
    image.src = "twit.jpg"
    image_tracker = "t"
  }
  if (image_tracker == "t") {
    image.src = "fb.jpeg"
    image_tracker = "f"
  }
}

＆＃13;

<img src="fb.jpeg" id="social" onclick="change()">

＆＃13;

我和youtube上的人做过同样的尝试

LINK：https://www.youtube.com/watch?v=SGKXZUGe2sw

Answer 1

您正在使用相同的图像替换图像，如果使用if语句两次而不是其他，如果，请执行此操作

var image_tracker="f"
function change() {
    var image=document.getElementById('social');
    if (image_tracker=="f") {
        image.src="twit.jpg"
        image_tracker="t"
        image.alt='twit'
    }
    else if (image_tracker=="t") {
        image.src="fb.jpeg"
        image_tracker="f"
        image.alt='fbk'
    } 
}

<img src="fb.jpeg" id="social" onclick="change()" alt='fbk'>

Answer 2

这里有两件事情发生在我身上。

1）语法问题。将您的getElementByid()方法更改为getElementById()

2）逻辑问题。您有两个if块。该文件将在单击时切换到Twitter图像，但由于image_tracker现在设置为t，它将在第二个if块中执行逻辑。将第二个if更改为else if。

图像更改onclick无效

2 个答案: