图像更改,在函数onClick?可能使用jQuery?

时间:2013-02-11 20:32:03

标签: javascript jquery html onclick

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

然而,我想要的是每次按下按钮时图像都会改变,以便表明文本已经应用了格式。

按钮的HTML如下

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

我会对使用Javascript或JQuery的任何回复感兴趣。

1 个答案:

答案 0 :(得分:4)

如果没有看到您的HTML,我必须猜测您的图片是如何显示的。

如果是图像,请通过src更改源。

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

如果是背景图片,请更改样式

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