javascript – querySelectorAll有多个条件

前端之家收集整理的这篇文章主要介绍了javascript – querySelectorAll有多个条件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
可以通过querySelectorAll使用多个不相关的条件进行搜索吗?如果是的话?并且如何指定那些是AND还是OR标准?

例如:

如何查找所有表单,ps和图例与单个querySelectorAll调用?可能?

解决方法

Is it possible to make a search by querySelectorAll using multiple unrelated conditions?

是的,因为querySelectorAll接受完整的CSS选择器,CSS的概念是selector groups,它允许您指定多个不相关的选择器.例如:

var list = document.querySelectorAll("form,p,legend");

…将返回一个包含表单或p或图例的元素的列表.

CSS还有另一个概念:限制更多的标准.您只需组合选择器的多个方面.例如:

var list = document.querySelectorAll("div.foo");

…将返回所有div元素的列表,该列表也(和)具有类foo,忽略其他div元素.

当然,你可以组合它们:

var list = document.querySelectorAll("div.foo,p.bar,div legend");

…这意味着“包括任何也有foo类的div元素,还有bar类的任何p元素,还有一个div里面的任何图例元素”.

猜你在找的JavaScript相关文章