在一个变量中定义多个类，然后检索它们

Question

如何在一个变量中定义多个类，然后轻松地检索它们？我在想类似的东西

var classes = getElementsByClassName('class1, class2, class3');
var class1 = classes[0];

Answer 1

如果您用空格（不是逗号）分隔每个类，则您可以getElementsByClassName 可以 ：

console.log([...document.getElementsByClassName("red blue")]);

.red {
  background-color: red;
}

<p class="red blue">1</p>
<p class="red yellow">2</p>
<p class="red blue">3</p>

您还可以使用简单的querySelectorAll调用：

var classes = document.querySelectorAll('.class1, .class2, .class3');

Answer 2

无法使用document.getElementsByClassName()

相反，您必须使用document.querySelectorAll()

var classes = document.querySelectorAll('.class1, .class2, .class3');