javascript - 如何在一行javascript代码中做多个css类

Question

我有 css 类名 - .exp-1 , .exp-2, .exp-3 , exp-4 ...那么有没有什么简单的方法可以把这些都写在类似的行中，比如，我是 javascript 的初学者

document.getElementsByClassName("exp-1")[0];
document.getElementsByClassName("exp-2")[0];
document.getElementsByClassName("exp-3")[0];
document.getElementsByClassName("exp-4")[0];

到

 document.getElementsByClassName("exp-1,exp-2,exp-3, exp-4")[0];

Answer 1

您可以使用 querySelector然后像选择器一样使用 css。它返回所有选定元素的第一个元素。如果您想全部返回，可以使用 querySelectorAll

 document.querySelector(".exp-1,.exp-2,.exp-3,.exp-4");