Javascript - 如何在 querySelectorAll 中传递多个选择器

在Javascript中，使用querySelectorAll可以通过CSS选择器选择一个或多个元素。但是，有时候我们需要同时选择多个不同的元素，并且在一个querySelectorAll调用中完成这些选择操作。

那么，如何在querySelectorAll中传递多个选择器呢？

在querySelectorAll中传递多个选择器可以通过使用逗号（,）分隔多个选择器来实现。例如：

var elements = document.querySelectorAll(".class1, #id2, a");

上述代码中，我们想要一次性获取class为“class1”、ID为“id2”以及a标签的所有元素。我们可以通过在querySelectorAll方法中通过逗号分隔这三个选择器来达到目的。

同样，也可以在一个选择器中使用多个规则来选择特定的元素。例如：

var elements = document.querySelectorAll("input[type='text'], input[type='email']");

上述代码中，我们想要一次性获取所有type为“text”和“email”的输入框元素。我们可以通过在querySelectorAll方法的选择器中定义这两个规则来达到目的。

无论是在一个选择器中使用多个规则，还是在一个querySelectorAll调用中传递多个选择器，querySelectorAll方法都极大地简化了在Javascript中操作DOM的过程。

以上就是在Javascript中在querySelectorAll中传递多个选择器。