我怎么能通过类名或其他类名来获取元素？

Question

我需要按照页面上的外观顺序按类名获取元素。这是我想要做的一个例子：

<div class="class1">1</div>
<div class="class1">2</div>
<div class="class2">3</div>
<div class="class1">4</div>

var arr = document.getElementsByClassName('class1'||'class2');

然后我的arr将拥有这些值。

arr[0].innerHTML -> 1
arr[1].innerHTML -> 2
arr[2].innerHTML -> 3
arr[3].innerHTML -> 4

是否有任何JavaScript功能可以执行此操作？

提前谢谢！

Answer 1

使用comma和document.querySelectorAll：

document.querySelectorAll('.class1, .class2');

Answer 2

document.querySelectorAll('[class*="class"]')

使用此选择器，您可以获得包含单词＆＃34; class＆＃34;的所有元素，因此您不必将它们以逗号分隔列出。