如何在javascript中获取图像源？

Question

我想比较所选图像是否等于所需图像。这是初始代码，但不起作用

function mouseOut(txt){
var imgClick, imgOrig; imgClick = 'images/'+txt+'_onclick.png'; imgOrig   ='images/'+txt+'.png';
if(document.getElementById(txt).src == imgClick){return false;}
else {document.getElementById(txt).src = imgOrig};
}

然后在img上

<a href = "#"><img src="images/leistungen.png" alt="leistungen" name="leistungen" width="162" height="38" id="leistungen"
onclick="MM_swapImage('home','','images/home_orig.png','philosophie','','images/philosophie.png','kontakt','','images/kontakt.png','body_layout','','images/body_leistungen.png',0)"
onmouseover="MM_swapImage('leistungen','','images/leistungen_onclick.png',1)"
onmouseout="mouseOut('leistungen')" /></a>

我的问题再次是

if(document.getElementById(txt).src == imgClick)

这是错误的，但是我想比较当前图像（mouseover，onclick，onmouseout）是否等于图像文件名

假设我有这些图像... home.png和home_onclick.png，默认图像为home.png，如果onmouseover，则图像将更改为home_onclick，如果在鼠标移开时，仅在 onclick事件发生时，它将更改为home.png。未触发。

提前致谢

Answer 1

另一种方法是检查src是否包含imgClick

if(document.getElementById(txt).src.indexOf(imgClick) > 0){
    return false;
}
else {
    document.getElementById(txt).src = imgOrig;
}

Answer 2

SRC将返回图像的完整路径。 因此，如果需要比较，请将imgClick的值作为完整的URL，而不是相对的。 即imgClick = "http://www.mysite.com/images" +txt+'_onclick.png';

（您也可以使用window.location.protocol + "//" + window.location.host代替您的站点名称）