按钮单击以替换图像

Question

单击支持时，我想用黄色问号图标替换问号图标。当我点击图标时保持不变。我不知道代码出错的地方。谢谢你的帮助。

function selectAvatar(this){
  var imgSrc = element.src;
  document.getElementById("img-change").src = imgSrc;
}

<a onClick="selectAvatar(this)" href="support.php"  src="images/support_yellow.png">
<img id="img-change" src="images/support_black.png">

Answer 1

您必须将element参数更改为function selectAvatar(element) { var imgSrc = element.src; document.getElementById("img-change").src = imgSrc; }

num_threads

Answer 2

在彼此之下制作两张图片，如：

<img src="img1.jpg" id="img1">
<img src="img2.jpg" id="img2">

将其中一张图片提供给display:none

<img src="img1.jpg" id="img1" style="display:none">

比javascript隐藏一个并显示另一个：

document.getElementById("img2").style.display = "none";
document.getElementById("img1").style.display = "inline";

查看有关此here的更多信息。