使用getElementsByClassName（）方法来获取与类别匹配的元素的前x个元素

Question

使用正确的方法来获取与某个类匹配的所有元素的列表，然后仅返回与该类匹配的前3个项目的正确方法是什么？例如

<div class="reviewContainer"></div>
<div class="reviewContainer"></div>
<div class="reviewContainer"></div>
<div class="reviewContainer"></div>

并且仅返回前3个元素。基本上，我只想在reviewContainer列表的开头选择前三项。

Answer 1

我将HTMLCollection变成一个数组，然后从数组中slice前三个元素：

const firstThreeFoos = [...document.getElementsByClassName('foo')]
  .slice(0, 3);