document.querySelector 有多个类 的情况

 

document.querySelector 有多个类

document.querySelector 方法用于返回文档中匹配指定 CSS 选择器的第一个元素。如果要查询具有多个类的元素，可以将它们作为一个字符串传递给 querySelector，并使用 . 符号将它们隔开。

例如，如果你想要选择拥有 class1 和 class2 类的元素，你可以这样做：

 

var element = document.querySelector('.class1.class2');

这里，.class1.class2 是 CSS 选择器，它会选择所有同时拥有 class1 和 class2 类的元素。注意，在这里没有空格，因为 . 是用来分隔类名的。

如果你想要选择拥有任何一个指定类的元素，可以使用 , 符号分隔类名：

 

var element = document.querySelector('.class1, .class2');

这将返回文档中具有 class1 或 class2 类的第一个元素。如果你想要选择拥有所有指定类的元素，但类名的顺序并不重要，你可以使用 querySelectorAll 方法：

 

var elements = document.querySelectorAll('.class1.class2');

这将返回文档中同时拥有 class1 和 class2 类的所有元素。