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 генерируется автоматически и изменяется между запусками.

Можно ли в любом случае найти на странице элементы, для которых задано фоновое изображение в атрибуте стиля HTML с использованием простого javascript?

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