如何获得一个类名或另一个类名的元素？

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

使用逗号和document.querySelectorAll ：

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

Answer 2

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

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