如果“url 圖像”等於 document.getElementsByTagName(“img”) 獲得的圖像？

Question

我正在嘗試獲取所有圖像並檢查其中一個圖像是否等於圖像（由我指定）將其更改為另一個圖像（由我指定）。 謝謝！

var object = document.getElementsByTagName("img");
//object[0].src is = to "image/image1.png";
if(object[0].src == "image/image1.png")   {
    object[0].src = "image/image2.png"
}   

Answer 1

您可以使用 for 循環檢查每個圖像：

var images = [...document.getElementsByTagName("img")]

for (const image of images) {
    if (image.src === "image/image1.png") {
        // do something
        image.src = "somethingelse.png"
    }
}

[...]轉換HTMLCollection document.getElementsByTagName返回，以便您可以對其進行迭代。

Answer 2

我通過調試找到了解決方案..

所以我試圖通過document.getElementsByTagName（“src）在var object中檢查圖像是否等於我得到的所有圖像的圖像（指定其中一個，例如第一個圖像so object [0]）

如果： if(object[0].src == "image/image1.png) 這個返回總是 false 因為 object[0].src 返回 file:///C:/Users/Name/Documents/foldername/image /image1.png”所以檢查這是否等於“image/image1.png”總是返回假。 解決方案是：

if(object[0].src == file:///C:/Users/Name/Documents/foldername/image/image1.png"){ 
         //do something
    }

了解完整的 url: alert(object[0].src);

對不起，我的英語不好！