不通过JavaScript更改图片src属性

Question

以下是我当前无法使用的JavaScript代码。 我正在尝试更改图像。

function imgchange(a)
{
    var e=document.getElementById(a);

     if(e.src == "plus.png")
     {
       e.src = "minus.png";
     }

     else
    {
      e.src="plus.png";
     }

}

Answer 1

src属性包含图像的完整URL，请尝试使用getAttribute方法，该方法在HTML中返回指定的值。

if ( e.getAttribute("src") === "plus.png" )

请注意，这意味着您还应该使用.setAttribute()设置新值，以便将来进行比较。 如果要使用.src属性，则应比较完整路径或使用其他方法，例如正则表达式或split方法：

if ( e.src.split('/').pop() === "plus.png" )

Answer 2

使用img.src它会返回img src的整个路径，而不仅仅是plus.png

您必须像http://localhost/images/plus.png这样进行比较（ 无论您的路径是什么 ）

或使用undefined帖子中提到的getAttribute方法

Answer 3

函数本身应该起作用。 在您调用imgchange("xyz")的地方imgchange("xyz") 。

因此，也许您可​​以向我们展示实际调用该函数的代码。

Answer 4

function imgchange (a) {
    var e=document.getElementById(a);
    if (e.src.replace(/.+\//, '') === 'plus.png') {
        e.src = "minus.png";
    } else {
        e.src="plus.png";
    }
}

应该管用。