我有这个样式的div
<div style="position:absolute;top:0px;left:0px;width:2004px;height:700px;background-color:undefined;background-image:url(https://taxirondo.net-informatika.com/wp-content/uploads/2018/04/slajder1.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;"></div>
我怎样才能得到这个 div 并将它与另一个 div 一起应用(通过它的背景图像)?这是自动生成的 div,我无法添加类或 ID。
最佳答案
你可以使用 css 属性选择器:
document.querySelector('[style*="background-image:url(https://taxirondo.net-informatika.com/wp-content/uploads/2018/04/slajder1.jpg)"]');
通过这种方式,您将选择第一次出现的具有提供的背景图像的元素。无需遍历元素集合。
console.log(document.querySelector('[style="background-image:url(https://taxirondo.net-informatika.com/wp-content/uploads/2018/04/slajder1.jpg)"]'));
<div style="background-image:url(https://taxirondo.net-informatika.com/wp-content/uploads/2018/04/slajder1.jpg)">Selected DIV</div>
更多关于 attribute selectors
关于Javascript 通过它的背景图片获取 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50349561/