如何在按键的一行代码中依次滚动查看节点列表中的每一项？

// HTML结构
<ul id="node-list">
  <li>节点1</li>
  <li>节点2</li>
  <li>节点3</li>
  <li>节点4</li>
  <li>节点5</li>
</ul>

// JavaScript代码
const nodeList = document.getElementById('node-list').getElementsByTagName('li');
let currentIndex = 0;

document.addEventListener('keydown', function(event) {
  if (event.key === 'ArrowDown') {
    // 向下滚动
    nodeList[currentIndex].classList.remove('active');
    currentIndex = (currentIndex + 1) % nodeList.length;
    nodeList[currentIndex].classList.add('active');
  } else if (event.key === 'ArrowUp') {
    // 向上滚动
    nodeList[currentIndex].classList.remove('active');
    currentIndex = (currentIndex - 1 + nodeList.length) % nodeList.length;
    nodeList[currentIndex].classList.add('active');
  }
});