JavaScript 如何使用样式属性查找哪些元素包含背景图像

Question

我正在尝试将脚本添加到作为go-daddy网站的一部分生成的网页中。

图像在div 中显示为使用 style 属性设置的背景图像。

style="background-image: url("//img1.wsimg.com/isteam/ip/c77f0810-0ea1-4425-b963-0e5820c70a3f/5a18a70f-82dc-45b6-bfb8-8f8e7ff1c875.jpg/:/cr=t:0%25,l:0%25,w:100%25,h:100%25/rs=w:1400,h:400,cg:true,m/cr=w:1400,h:400,ax:c,ay:c");"

div 容器的 id 是自动生成的，并在运行之间更改。

无论如何，我可以使用纯javascript在HTML样式属性中找到具有背景图像的元素吗？

Answer 1

试试这个：

var elements = document.body.getElementsByTagName("*")
for (var i = 0 ; i < elements.length ; i++) {
if (elements[i].style.backgroundImage) {
// DO SOMETHING HERE
alert(elements[i].id + " has background image")
}
}

https://jsfiddle.net/ckrm2eLL