我如何通过 class 名称或另一个 class 名称获取元素？

Question

我需要按 class 名称在页面上出现的顺序获取元素。这是我想要做的一个例子：

<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 and document.querySelectorAll:

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

Answer 2

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

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

我如何通过 class 名称或另一个 class 名称获取元素？

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

javascript

class

getelementsbyclassname