使用javascript选择器方法检查样式属性是否不存在

Question

我正在尝试仅选择未设置样式属性的ls()个项目。

我可以使用jQuery轻松地做到这一点，但我使用的是仅使用JavaScript的库，名为scrollreveal。

使用此ARTICLE，我可以轻松获得具有样式属性的项目。

但是我想扭转这种情况，并使用选择器上不等于ARTICLE[style]的运算符，以相同的方式获取没有样式属性的项目。

我已经尝试过了...

!=

但是它没有按预期工作，有人知道在属性选择器上使用不相等的方法是否可以实现这一目标？

在此先感谢您的帮助。

Answer 1

快到了。 :not pseudoclass应该可以解决问题：

article:not([style])

Answer 2

只需使用:not([style])：

const matches = document.querySelectorAll('div:not([style])')
console.log(matches)

<div id="foo" style="width:100px;"></div>
<div id="bar"></div>
<div id="baz"></div>

也就是说，我假设sr.reveal在内部使用document.querySelector是正确的。