javascript - onclick 函数未执行以更改图像

Question

在下面的代码笔中，我尝试使用 JavaScript 更改 id="chrome"的图像，但它似乎没有做任何事情。我做错了什么，我该如何解决。先谢谢你。

第一张图片的 id 为 chrome，单击时我正在尝试更改图片。

https://codepen.io/centem/pen/NgKEmG

这是我正在使用的 js。

function changeImage() {

    if (document.getElementById("chrome").src == "https://upload.wikimedia.org/wikipedia/commons/8/87/Google_Chrome_icon_%282011%29.png") 
    {
        document.getElementById("chrome").src = "https://www.centerpointe.com/v2/wp-content/uploads/2014/01/red-x.png";
    }
    else 
    {
        document.getElementById("chrome").src = "https://upload.wikimedia.org/wikipedia/commons/8/87/Google_Chrome_icon_%282011%29.png";
    }
}

基本上，对于具有 chrome 图标的第一行，我想在单击时将其更改为 x 图像。

Answer 1

更改 <img onclick()="changeImage()">至 <img onclick="changeImage()">