使用向上和向下箭头键使用javascript访问Div内容

<div id="myDiv">
  <p>这是第一个段落</p>
  <p>这是第二个段落</p>
  <p>这是第三个段落</p>
</div>

const myDiv = document.getElementById('myDiv');
let currentIndex = 0;

document.addEventListener('keydown', (event) => {
  const paragraphs = myDiv.getElementsByTagName('p');

  if (event.key === 'ArrowUp') {
    currentIndex = (currentIndex - 1 + paragraphs.length) % paragraphs.length;
  } else if (event.key === 'ArrowDown') {
    currentIndex = (currentIndex + 1) % paragraphs.length;
  }

  for (let i = 0; i< paragraphs.length; i++) {
    if (i === currentIndex) {
      paragraphs[i].style.display = 'block';
    } else {
      paragraphs[i].style.display = 'none';
    }
  }
});