JavaScript 中具有多个条件的“querySelectorAll()”

2023-11-22

是否可以通过以下方式进行搜索querySelectorAll()使用多个不相关的条件?如果是,怎么办?并且,如何指定这些条件是 AND 还是 OR 条件?

例如:

如何找到全部forms, ps and legends 与单个querySelectorAll()称呼?可能的?


是否可以通过以下方式进行搜索querySelectorAll使用多个不相关的条件?

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

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

...将返回一个包含任何元素的列表form or p or legend.

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

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

...将返回所有的列表div元素also (and)有课foo,忽略其他div元素。

当然,您可以将它们组合起来:

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

...这意味着“包括任何div元素也有foo类,任意p元素也有bar类,以及任何legend也在 a 内的元素div."

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JavaScript 中具有多个条件的“querySelectorAll()” 的相关文章

随机推荐