javascript - 如何检查使用纯JS显示的背景图像

我基本上想根据显示的背景图像使用if / else语句。

document.getElementById('background').style.background="url(assets/img/silhouette_5.jpg)"

if(document.getElementById('background').style.backgroundImage=="url(assets/img/silhouette_5.jpg)")
{
    alert("kek")
}else{
    alert(":(")
}
}

我试过同时使用style.background和style.backgroundImage，但无法正常工作。无论我做什么，我都会收到“ :(”警报

提前致谢

最佳答案

您只是错过了""中的url("...")。

设置url(...)时，代码将生成为url("...")。

如果您打印背景，则可以找到它：

console.log(document.getElementById('background').style.background)

这是工作代码

document.getElementById('background').style.background="url(assets/img/silhouette_5.jpg)"

if(document.getElementById('background').style.background=='url("assets/img/silhouette_5.jpg")')
{
    alert("kek")
}else{
   alert(":(")
}

<div id="background"></div>

关于javascript - 如何检查使用纯JS显示的背景图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53864373/