javascript - 如何使用 Javascript 替换特定网站的 href 链接？

Question

我有很多来自同一个网站但方向不同的链接

<a href="somelink.com/1" title="this link">
</a>
<a href="somelink.com/2" title="this link">
</a>
<a href="somelink.com/3" title="this link">
</a>
<a href="somelink.com/3" title="this link">
</a>

他尝试使用该代码，但它对我不起作用，因为他搜索的是特定的 url 而不是全部

var a = document.querySelector('a[href="somelink.com"]');
if (a) {
  a.setAttribute('href', 'replacedlink.com')
}
<a href="somelink.com" title="this link">
</a>

我怎么能以大规模的方式做到这一点，并在 estecifico 中对网站的所有 url 做到这一点，例如:somelink.com

Answer 1

你可以使用 attribute selector ^= 检查 href 是否以 somelink.com 开头。然后你可以替换 url :

document.querySelectorAll('a[href^="somelink.com"]').forEach(
  x => x.href = x.href.replace("somelink.com", "replacedlink.com")
);

<a href="somelink.com/1" title="this link">a
</a>
<a href="somelink.com/2" title="this link">b
</a>
<a href="somelink.com/3" title="this link">c
</a>
<a href="somelink.com/3" title="this link">d
</a>
<a href="otherlink.com/3" title="this link">e
</a>

如果要替换整个链接，可以将 href 属性设置为新链接:

document.querySelectorAll('a[href^="somelink.com"]').forEach(
  x => x.href = "replacedlink.com"
)

<a href="somelink.com/1" title="this link">a
</a>
<a href="somelink.com/2" title="this link">b
</a>
<a href="somelink.com/3" title="this link">c
</a>
<a href="somelink.com/3" title="this link">d
</a>
<a href="otherlink.com/3" title="this link">e
</a>