Javascript 未执行onclick函数以更改图像

在下面的代码笔中，我试图使用JavaScript更改id=“chrome”图像的图像，但它似乎没有做任何事情。我做错了什么，我该如何修复。提前谢谢你

第一个图像的id为chrome，单击时，我正在尝试更改图像

这是我正在使用的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图像

将

更改为

首先，更改

您的HTML代码中存在语法错误
onclick
不是一个函数，它是一个HTML属性，因此您不能像函数一样通过添加括号来调用它

您只需将其添加到
onclick
属性的值，这是JavaScript语法

正确的代码是：

<img onclick="changeImage()">



这是您的代码笔的工作版本：
您有一个打字错误。定义内联
onclick
时，您已经编写了：

<div onclick()="changeImage()"></div>

img{
高度：25px；
右侧填充：4px；
}
李{
保证金：4倍；
明确：两者皆有；
}
李：第n个孩子（奇数）{
背景#f0f5；
}

用户名

而不是onclick（）=“changeImage（）”；。。。。在onclick函数中使用onclick=“changeImage（）”…删除“（）”括号

<div onclick="changeImage()"></div>