javascript - 添加 href URL 字符串

Question

我需要使用 JavaScript 更改页面上的所有超链接。目前标签以这种方式布局

<a href="/Level1/Level2/Level3/bla bla bla.aspx"

我真正苦苦挣扎的改变(作为这个领域的绝对新手)是我如何进行以下改变并添加到另一个级别？它的子站点具有相同的结构；

<a href="/Level1/Level2/Level3/+Level4/bla bla bla.aspx" 

添加“4 级”之前和之后的 URL 部分将保持不变。我需要将此更改应用到页面上所有不存在 4 级部分的超链接。

对于这个令人震惊的请求，我们深表歉意。第一次发帖。

Answer 1

获取所有 href - 如果 href 没有所需的级别 4，则使用简单的 .replace() 添加级别和添加的级别 - 然后作为 href 属性应用。

请注意，链接 1 和 3 没有级别 4，因此会受到 if 条件的影响，而链接 2 已经具有级别 4，因此不会受到影响。

let links = document.querySelectorAll('a');

links.forEach(function(link) {
 let originalHref = link.getAttribute('href');
 if(originalHref.indexOf('+Level4') == -1) {
   link.setAttribute('href', originalHref.replace('Level3/','Level3/+Level4/'));
 }
})

a {
 display: block;
 margin-bottom: 8px;
}

<a href="/Level1/Level2/Level3/option1.aspx">Option 1</a>
<a href="/Level1/Level2/Level3/+Level4/option2.aspx">Option 2</a>
<a href="/Level1/Level2/Level3/option3.aspx">Option 3</a>