如何在锚标签内做下一个/上一个帖子链接？

<!-- HTML部分 -->
<div id="post1">
  <!-- 帖子内容 -->
</div>

<div id="post2">
  <!-- 帖子内容 -->
</div>

<button onclick="previousPost()">上一个帖子</button>
<button onclick="nextPost()">下一个帖子</button>

<!-- JavaScript部分 -->
<script>
  function previousPost() {
    var currentPost = document.querySelector(':target'); // 获取当前帖子的标识符
    var previousPost = currentPost.previousElementSibling; // 获取上一个帖子的元素

    if (previousPost) {
      window.location.href = '#' + previousPost.id; // 跳转到上一个帖子
    }
  }

  function nextPost() {
    var currentPost = document.querySelector(':target'); // 获取当前帖子的标识符
    var nextPost = currentPost.nextElementSibling; // 获取下一个帖子的元素

    if (nextPost) {
      window.location.href = '#' + nextPost.id; // 跳转到下一个帖子
    }
  }
</script>