如何使用JavaScript删除第n个类型样式

在尝试使用javascript从某些类中删除显示样式时，我发现以下错误：

"Uncaught TypeError: Cannot read property 'style' of undefined". 

我的愿望是隐藏第6篇文章之后的所有文章，然后最终使用带有

onclick

功能的按钮一次显示6篇文章。感谢您的帮助

JavaScript

 onclick="myFunction()"
 function myFunction(){
var post = document.getElementsByClassName('justify.-column:nth-of-type');
post[10].style.display = 'block'
}

CSS

---

要通过可用的CSS选择器进行查询并返回节点列表中的所有内容，请使用

querySelectorAll

。您可以选择在查询中完全使用伪选择器，也可以排除它并按索引选择

var post = document.querySelectorAll('justify.-column');

或

---

（1） 它不是类名（2）比较JS中的选择器和CSS中的选择器

。getElementsByClassName（）

函数需要一个用空格分隔的类名列表；您可能正在查找执行此操作的

.querySelectorAll（）

。谢谢您！我完全忘记了querySelector@MarselGray请随意标记为正确，以帮助他人。

var post = document.querySelectorAll('justify.-column');

var post = document.querySelectorAll('justify.-column:nth-of-type(1n + 7)');