javascript - 图像更改，在onClick函数中？可能使用jQuery？

Question

我有一个用于更改文本区域中文本样式的工作按钮。该按钮使文本在第二次单击时变为粗体和非粗体，这很有效。

但是，我想要的是每次按下按钮时图像都会发生变化，以表明文本已应用了该格式。

按钮的 HTML 如下

<a href="#" class="ButtonStyling" type="button" onclick="boldTextArea()" value="Bold"}><img alt='Bold Button' src='BButton.gif'></a>

我会对使用 Javascript 或 JQuery 的任何响应感兴趣。

Answer 1

在没有看到您的 HTML 的情况下，我不得不猜测您的图像是如何显示的。

如果是图片，则通过 src 更改来源。

var image = document.getElementById("yourImage");
image.src = "newImage.png";

如果是背景图片，改变样式

image.style.backgroundImage = "url(newImage.png)";