js隐藏评论

<div id="comments">
  <div class="comment">这是一条正常的评论。</div>
  <div class="comment hidden">这是一条需要隐藏的评论。</div>
  <div class="comment">这是另一条正常的评论。</div>
</div>

.hidden {
  display: none;
}

// 假设我们有一个数组，包含需要隐藏的评论ID
const hiddenComments = ['comment2'];

document.addEventListener('DOMContentLoaded', function() {
  hiddenComments.forEach(id => {
    const commentElement = document.getElementById(id);
    if (commentElement) {
      commentElement.classList.add('hidden');
    }
  });
});

function loadComments() {
  fetch('/api/comments')
    .then(response => response.json())
    .then(data => {
      data.comments.forEach(comment => {
        const commentElement = document.createElement('div');
        commentElement.className = 'comment';
        commentElement.textContent = comment.text;
        if (hiddenComments.includes(comment.id)) {
          commentElement.classList.add('hidden');
        }
        document.getElementById('comments').appendChild(commentElement);
      });
    });
}