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

Question

我有css类名 - .exp-1,.exp-2,.exp-3,exp-4 ...所以是否有任何简单的方法可以将这些全部写在onlike行上,比如我初学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");

Answer 2

你可以使用starts with选择器

document.querySelectorAll('[class^=exp-]')

样品

Array.from(document.querySelectorAll('[class^=t]'), function(el) {
  console.log(el.innerHTML)
})

<div class="t1">1</div>
<div class="t2">2</div>
<div class="t3">3</div>
<div class="t4">4</div>