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里面的任何图例元素”.