时间戳

首页 > 解决方案 > 如何检查使用纯 JS 显示的背景图像

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 但无法使其工作。无论我做什么，我都会收到“:(”警报

提前致谢

标签： javascripthtmlcss

解决方案

你只是想念""里面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>

推荐阅读