我希望用户在单击next按钮时会自动重定向到next li

document.getElementById('nextButton').addEventListener('click', redirectToNextLi);

function redirectToNextLi() {
  // 获取当前li元素
  var currentLi = document.querySelector('li.active');

  // 找到下一个li元素
  var nextLi = currentLi.nextElementSibling;

  // 如果下一个li不存在，则重定向到第一个li
  if (!nextLi) {
    nextLi = document.querySelector('li:first-child');
  }

  // 执行重定向操作
  window.location.href = nextLi.querySelector('a').href;
}

<ul>
  <li class="active"><a href="page1.html">Page 1</a></li>
  <li><a href="page2.html">Page 2</a></li>
  <li><a href="page3.html">Page 3</a></li>
  <!-- 其他li元素 -->
</ul>

<button id="nextButton">Next</button>