使用JavaScript替换锚点中的部分URL

Question

我的页面上有以下锚链接：

<a href="https://example.com/sizeguide/brand.html" id="size-guide" target="_blank"><span class="pull-right">View Size Guide</span></a>

但是，我需要使用名为{{product.brand.domain}}的句柄功能，使用JavaScript更改不同品牌的网址的品牌部分。

我给了锚一个唯一的ID，但我找不到办法来完成我需要的东西。

Answer 1

使用：

document.getElementById('size-guide').src='newUrl';

Answer 2

假设您要将brand.html更改为newbrand.html，请执行以下操作

var href = document.getElementById("size-guide").getAttribute('href');    
href = href.replace(/(.*)\/.*(\.html$)/i, '$1/newbrand$2');    
document.getElementById("size-guide").setAttribute("href", href);