JavaScript如何更改图像onclick事件

Question

我正在尝试在 javascript 中创建 onclick 事件来更改图像。 这是我的 HTML 代码：

    <div class="text-start">
        <img src="images/hamburger.png" alt="" class="hamburger" id="image" onclick="changeImage()">
      </div>

这是我的 javascript 代码：

    function changeImage() {
        if (document.getElementById("image").src == "images/hamburger.png") {
          document.getElementById("image").src = "images/close.png";
        } else {
          document.getElementById("image").src == "images/hamburger.png";
        }
      }

当我点击图片时，什么都没有发生，它应该改变图片。

Answer 1

您好，我为您修复了 javascript，希望它有效。

function changeImage() {
    var imageEl = document.getElementById("image");
    if (imageEl.getAttribute('src') == "images/hamburger.png") {
      imageEl.src = "images/close.png";
    } else {
      imageEl.src = "images/hamburger.png";
    }
    
    console.log(imageEl.getAttribute('src'))
  }