Javascript JS-在纯JS中隐藏特定计数后的div

我有一个页面，用户可以在其中输入任意数量的div和他们想要的特定类（filterDiv）。我想有一个加载更多的按钮显示，如果项目数超过九

问题是，在第九次迭代之后，我试图使用类filterDiv访问div，并添加一个隐藏类

这是我的密码：

const htCount = document.querySelectorAll('.filterDiv').length;

if (htCount > 9){
  document.querySelector('#loadMore').classList.add('show'); // load more button shows

};

---

如何添加代码来隐藏div 10、11、12等，直到单击“加载更多”按钮为止？

如果您的文档中包含如下所示的div：

<div class=“myDiv”> content </div>

然后循环遍历它们，并通过如下方式指定它们的样式属性来隐藏其中的一些：

for(var i = 9; i < myDivs.length; i++) {
    myDivs[i].style.display = “none”
}

for(var i = 9; i < myDivs.length; i++) {
    myDivs[i].style.display = “none”
}

for(var i = 9; i < myDivs.length; i++) {
    myDivs[i].style.display = “block”
}