通过JavaScript更改img src，而无需在HTML中进行onclick

我是JavaScript新手，我需要一个JavaScript代码，当有人单击类为“fancybox close”的元素时，该代码会将图像src更改为“next.png”。不幸的是，我不能简单地通过向“a”标记添加“onclick”事件来完成，因为下面的HTML代码是由JQuery生成的，这对我来说是未知的。我已经用Firebug检查了这个HTML，所以类“fancybox close”是我唯一可以使用的东西

我想更改SRC的元素的HTML（我可以更改）。图像的SRC之前已经被其他JavaScript代码更改，我可以在其中使用onclick（打开照片库）——这很有效。现在我想在不同的环境下再次改变它，如上所述

---

如果使用jQuery，您可以尝试：

$（'.fancybox close'）。单击（函数（）{
$（'[name=nextbutton]'）.attr（'src'，“../../images/next.png”）；
})

否则类似这样的事情：

var element=document.getElementsByClassName（“fancybox关闭”）[0]；
元素。addEventListener（'click'，function（）{
document.images.nextbutton.src=“../../images/next.png”；
});

var os=document.getElementsByTagName（'img'）；
对于（var i=0；我可以使用jQuery吗？您是否尝试过：document.getElementsByClassName（“buttonimage”）.src=“../../../images/next.png”；不，我不知道如何使用jQuery。我还没有尝试过document.getElementsByClassName（“buttonimage”）.src=“../../images/next.png”，现在尝试过了，谢谢，通过元素的“buttonimage”类是什么（放在那里不起作用）、图像src、元素名称或其他东西？还是应该保持原样（也尝试过）？谢谢，我尝试了这两种代码，但它们在我的网站上都不起作用。请确保在jquery之后调用的代码生成了所有htmlGood idea。在网站访问者单击“图库”按钮后，jquery立即创建了照片库。我尝试将您的代码附加到“onclick”按钮上，但没有成功。
<script>
    var os=document.getElementsByTagName('img');
    for (var i=0;i<os.length;i++){
        var o=os[i];
        if (o.className=='buttonimage'&&o.name=='nextbutton') {
            o.onclick=function(){o.src='../../images/next.png';}
        }
    }
</script>