如何通过 JavaScript 从页面中删除链接？

Question

我想为我的浏览器（Opera、Chromium）编写一个用户脚本，用于删除包含预定义关键字的链接。例如，当 foo 属于黑名单时，链接 bar 应该从页面中消失。

如何从页面中删除重复的链接，除了首先展示了如何获取和过滤站点，但我想直接通过用户脚本来执行此操作。有什么想法如何在每个页面加载上应用过滤器吗？

Answer 1

获取document.links集合。如果其任何 .href 属性与您的黑名单匹配，请将其 style.display 属性设置为 'none'。

例如，

function removeLinks () {
  var blackList = /foo|bar|baz/;
  var link, links = document.links;
  var i = links.length;

  while (i--) {
    link = links[i];
    if (blackList.test(link.href)) {
      link.style.display = 'none';
    }
  }
}

编辑

删除重复链接是一个类似的练习。首先将链接 HTMLCollection 转换为普通数组，然后在迭代它们时使用它们的 href 作为对象的创建属性。如果 href 已经是属性，请使用上述方法或 link.parentNode.removeChild(link) 隐藏它。

Answer 2

您可以使用 XPATH 及其 contains() 函数 来匹配通过 文档.评估。

深入了解 Greasemonkey 有一个 使用 XPATH 选择并迭代节点。

for (var i = 0; i < blacklist.length; i++) {
  var links = document.evaluate('//a[contains(@href, "' + blacklist[i] + '"]', document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
  for (var j = 0; j < links .snapshotLength; j++) {
    var link = links.snapshotItem(j);
    link.parentNode.removeChild(link);
  }
}

Answer 3

你可以使用这样的东西

$("a[href*='" + foov + "']").css('display', 'none')