不通過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";
    }
}

應該管用。