getElementsByClassName() 有两个类

Question

是否有可能使用 getElementsByClassName() --- 获得类 a 或 b 的所有元素 --- 一次？我更喜欢普通的 JavaScript。

原文由 Unknown developer 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你不能用 getElementsByClassName() 方法代替使用 querySelectorAll() 方法和逗号分隔的类选择器。

 document.querySelectorAll('.a,.b')

原文由 Pranav C Balan 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您 可以 将多个类名传递给 getElementsByClassName() ，方法是用空格分隔它们：

 var elems = document.getElementsByClassName("class1 class2 class3");

现在，这不同于 .querySelectorAll(".class1,.class2,.class3") 方法，因为它应用 _连词_，而不是析 _取_——“和”而不是“或”。因此

var elems = document.getElementsByClassName("class1 class2 class3");

就好像

var elems = document.querySelectorAll(".class1.class2.class3");

有时你想要一个，有时你想要另一个。 .querySelectorAll() 为您提供了更大的灵活性。

原文由 Pointy 发布，翻译遵循 CC BY-SA 3.0 许可协议