Javascript 调用web服务设置背景图像后，如何查看div是否有背景图像

很长的标题，很抱歉。我有以下

div

：

<div class="my-div" style="background: url(path/to/some/webservice)"></div>
<div class="my-div" style="background: url(path/to/some/webservice)"></div>
<div class="my-div" style="background: url(path/to/some/webservice)"></div>

---

但那没用。我假设这是因为它认为它有一个背景集，因为divs样式指向某个URL。但即便如此，有时该URL也不会返回图像

您需要加载图像，这样您就可以判断URL是否返回有效图像：

var img = new Image();

img.onerror = function() {
  alert(this.src + " doesn't point to a valid image");
}

img.src = "path/to/some/webservice";

---

您可以迭代您的div，为每个div加载图像，但请记住加载是异步的，因此取决于您要执行的实际操作。如果URL未返回有效图像，您不能使用

每个
方法。
'background-image=='none
或''`尝试一下，您的背景将始终具有此模式-
background:url（…）
？
var img = new Image();

img.onerror = function() {
  alert(this.src + " doesn't point to a valid image");
}

img.src = "path/to/some/webservice";