JavaScript 如何根据样式筛选元素？

Question

如题，JavaScript 中的 document.querySelectorAll() 方法只能根据 attribute（属性）去筛选元素，但如何根据样式去筛选呢？例如获取网页上所有存在背景图片的元素？

Answer 1

div-with-image[style^="background-image:"][style$=".jpg)"] ??

Answer 2

元素有style属性,去判断具体属性的值应该可以解决。

Answer 3

最简单有效的应该是自己手动增加一个属性,如data-img，然后再document.querySelectorAll('[data-img]'),不然你将background-image/background 写在样式类中 是查不到的