Javascript - 如何检查背景图像是什么

Question

我想查看Javascript中的背景图片是什么。我试着这样做：

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 */
}