使用javascript选择器方法检查样式属性不存在
使用javascript选择器方法检查样式属性不存在
提问于 2019-02-05 00:00:17
我尝试只选择未设置样式属性的ARTICLE项。
我可以用jQuery很容易做到这一点，但我使用的是一个名为scrollreveal的纯javascript库。
使用这个ARTICLE[style]，我可以轻松地获得具有style属性的项目。
但是我想用同样的方式，在选择器上使用not equal to !=运算符，反转并获取没有样式属性的项。
我试过了..。
// scroll reveal article
window.sr = new ScrollReveal({ reset: false });
sr.reveal('ARTICLE[!=style]', {
duration: 1000
}); 但它并没有像预期的那样工作，有没有人知道在属性选择器上使用not equal是否有可能实现这一点？
提前感谢你在这方面的帮助。
回答 2
Stack Overflow用户
回答已采纳
发布于 2019-02-05 00:07:02
就快到了。:not pseudoclass应该可以做到这一点：
article:not([style])Stack Overflow用户
发布于 2019-02-05 00:02:07
只需使用: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是正确的话。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54519874
复制相关文章
相似问题
腾讯云开发者
