javascript - 根据href选择所有 anchor 标记并更改它

Question

我有一个关于更改基于 HREF 的 anchor 标记 URL 的问题。

我选择所有 anchor 标记的方法如下:

var anchortags = document.querySelectorAll("a[href*='secureloan.asim.no']");

这样我选择所有引用 secureloan.asim.no 的 anchor 标记

我还想要的是当用户点击链接时更改链接(我想删除参数)

URL 示例可以是:

Example URL:
www.secureloan.asim.no/oasis/index.html#/no/asim?lang=nb-no&product=lev&lanekilde=&campaigncode(etc....).

我想从参数中删除“lanekilde=”。我使用此代码:

String(document.location.href).replace("&lanekilde=", "");

这给了我正确的 URL，但是当网站上的所有用户点击它时，如何更改它。

到目前为止我编写的代码:

var anchortags= document.querySelectorAll("a[href*='secureloan.remember.no']");
String(document.location.href).replace("&lanekilde=", "");

谢谢:)

PS:请不要使用 Jquery!
PS:如果有人有不同方式的想法，我正在使用标签管理器

Answer 1

您只需迭代节点集并依次更改每个节点:

var anchortags = document.querySelectorAll("a[href*='secureloan.asim.no']");
anchortags.forEach(function(tag) {
    tag.href = tag.href.replace('&lanekilde=', '');
});