Как показать / скрыть определенное количество элементов из списка, используя простой JavaScript?

Question

Я пытаюсь разбить длинный список на страницы с использованием простого JavaScript.Я мог бы успешно скрыть все элементы в списке, но как мне показать их определенное количество?

Предполагается, что каждая страница должна содержать максимум 10 элементов.Я создал функцию, которая принимает pageNumebr.Я могу скрыть все элементы, но, по-видимому, зацикливание или использование индекса по результату document.getElementsByClassName(className)[0] не работает.

var students = document.getElementsByClassName("student-list")[0]


// function to hide all of the items in the list 
// except for the ten I want to show

function showPage(pageNumber) {
  students.style.visibility = "hidden"

  // how do I iterate over students and show 10 elements only ?

  // the following logs a list of ul elements
  console.log(students);

  // but the following gives me undefined, So I can't loop over students
  console.log(students[0]);

}

showPage(3)