时间戳

首页 > 解决方案 > 在一个变量中定义多个类，然后检索它们

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

问题描述

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

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

标签： javascripthtmlarrays

解决方案

你可以用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');

推荐阅读