Javascript - 如何檢查背景圖片是什麼

Question

我想檢查在Javascripot中的背景圖片。我試圖做到這一點：

if (document.getElementById(id).style.backgroundImage == "image.jpg") { 
    //code 
} 

但這不起作用。這可能嗎？

Answer 1

javascript中的backgroundImage屬性使用CSS語法。

因此，要測試背景圖像，您需要測試url('image.jpeg')。

試試這個：

if (document.getElementById(id).style.backgroundImage == "url('image.jpg')") { 
    //code 
} 

Answer 2

一個更適當的測試，以確保你沒有得到類型錯誤太：

var backImgUrlTest = function(elem, imgUrl){ 
    return elem && elem.backgoundImage.replace(/^url\(('|")|('|")\)$/g, "") === imgUrl; 
}; 

if(backImgUrlTest(document.getElementById(id), "image.jpg")){ 
    /* Code here */ 
}