javascript - 更改图像并通过JavaScript单击事件将其更改回

我有以下代码：

window.onload = function () {
'use strict';

var alcohol = document.getElementById('alcohol');

var changeImage = function (event) {
    alcohol.src = "image/alcohol3.jpg";
};

var changeBack = function (event) {
    alcohol.src = "image/alcohol.jpg";
};

addHandler(alcohol, "click", changeImage);
// addHandler(alcohol, "mouseout", changeBack);

如何通过第二次单击事件将图像变回原来的状态？目前，它不起作用。

最佳答案

将您的changeImage函数更改为：

var changeImage = function (event) {
    if (alcohol.src != "image/alcohol3.jpg"){
       alcohol.src = "image/alcohol3.jpg";
    }
    else
    {
       alcohol.src = "image/alcohol.jpg";
    }
};