代码之家  ›  专栏  ›  技术社区  ›  user8076620

javascript如何使用style属性查找包含背景图像的元素

  •  2
  • user8076620  · 技术社区  · 6 年前

    我正在尝试向作为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样式属性中设置了背景图像的元素?

    1 回复  |  直到 6 年前
        1
  •  0
  •   Savandy    6 年前

    尝试以下操作:

    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