同一个元素多个类名 getElementsByClassName获取不到第二个类名

当一个元素同时具有多个类名时，使用 `getElementsByClassName` 方法只能获取其中一个类名的元素，因为该方法只能根据单个类名来查找元素。如果需要获取同时具有多个类名的元素，可以使用其他方法，例如使用 `querySelectorAll` 方法来选择元素，或者使用 JavaScript 来手动筛选符合条件的元素。

下面是一个使用 JavaScript 手动筛选符合条件的示例代码：

// 获取所有具有类名 "class1" 和 "class2" 的元素
var elements = document.querySelectorAll(".class1.class2");

// 遍历元素并执行相应操作
for (var i = 0; i < elements.length; i++) {
  // do something with elements[i]
}

相关问题

document.getElementsByClassName获取多个类名

是的，document.getElementsByClassName可以获取多个类名。它的语法是：

document.getElementsByClassName(class1[, class2, ...])

其中，class1是必须的参数，表示要获取的类名。可以传入多个类名，用逗号隔开。如果传入多个类名，则获取的元素必须同时包含这些类名。

返回的是一个类数组对象，即HTMLCollection类型，包含了所有具有指定类名的元素。可以通过遍历这个集合来访问每个元素。

getElementsByClassName多个类名

getElementsByClassName方法可以通过传递多个类名来获取包含这些类名的所有元素。多个类名需要使用空格分隔。例如，如果我们想要获取所有同时包含"example"和"color"类名的元素，可以使用以下代码：

document.getElementsByClassName("example color");

这将返回一个NodeList对象，其中包含所有同时包含"example"和"color"类名的元素。我们可以使用NodeList对象的length属性来确定元素的数量，并使用索引号来访问每个元素。