How could I get elements by a class name OR another class name?

Question

I need to get elements by class name in order of appearance on the page. Here is an example of what I want to do :

<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');

Then my arr will have these values.

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

Is there any JavaScript function to do this ?

Thank you in advance !

Answer 1

使用逗号和document.querySelectorAll ：

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

Answer 2

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

使用此选择器，您可以获得具有包含“ class”一词的类的所有元素，因此不必以逗号分隔列出它们。