使用Greasemonkey删除列表元素

我读的一篇博客有一些令人讨厌的评论。我想我会试试我的手在Greasemonkey关掉它们。

HTML的基本结构很简单-注释如下所示:

<li>
  <cite>user name ...</cite>
  comment text
</li>

考虑到这一点,我把头撞在键盘上一段时间,直到它掉了下来:

var killlist = /user1|user2/;

var comments = document.getElementsByTagName('li');

if (comments.length) {
  for ( var i = 0; i < comments.length; i ++ ) {
    var comment = comments[i];
    var cites = comment.getElementsByTagName('cite');
    if (cites.length) {
      var cite = cites[0];
      var title = cite.textContent;
      if (killlist.test(title)) {
        comment.parentNode.removeChild(comment);
      }
    }
  }
}

window.alert('Done!')

window.alert 只是让我知道脚本是否运行到完成)

主要地 作品e、 在一个测试页面上,其中一个用户删除了16篇文章中的13篇。我尝试用以下内容替换removeChild行:

comment.style.visibility = 'hidden';

这似乎得到了一切,但代价是在评论可能出现的地方留下了巨大的空白。

我是一个完全的javascript新手,所以有人能看出我做错了什么吗?