JavaScript 通过多个类获取元素

在 JavaScript 中，我们可以使用多个类来获取指定的元素。下面是两种主要的方法：

1. querySelectorAll

querySelectorAll 方法用于获取文档中符合指定 CSS 选择器的所有元素，并返回一个 NodeList 对象。其语法为：

document.querySelectorAll("selector1.selector2");

其中 selector1 和 selector2 分别为两个类名，它们可以使用点号（.）来进行连接。例如，如果要获取类名为 "box" 和 "card" 的所有元素，可以使用以下代码：

let elements = document.querySelectorAll(".box.card");

这样就能获取到所有同时具有 "box" 和 "card" 类名的元素了。

2. getElementsByClassName

如果需要支持更老版本的浏览器，或者只需要获取某一个类名的元素，则可以使用 getElementsByClassName 方法。该方法返回一个 HTMLCollection 对象，其中包含文档中所有具有指定类名的元素。其语法为：

document.getElementsByClassName("classname");

例如，如果要获取类名为 "box" 的所有元素，可以使用以下代码：

let elements = document.getElementsByClassName("box");

需要注意的是，getElementsByClassName 方法只能获取单一的类名，无法同时获取多个类名。

以上就是 JavaScript 通过多个类获取元素的两种方法。根据实际需求选择合适的方法即可。