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