如何使用 Javascript 替换特定的 href 链接？

Question

我会再试一次，因为我不确定我上次提出一个非常明确的问题是什么时候......我有一个包含很多链接图像的页面。我想使用 javascript 更改其中一个图像链接（它是徽标）。我不能直接编辑“body”html，但可以将js放在“head”区域。

这里是html代码：

<div id="ctl00">
  <h1 class="logo">
  <a href="http://www.store.domain.co.nz" title="Menswear"><img src="/user/files/logo.png title="Menswear" alt="Menswear"></a>
  </h1>
</div>

我想将 html 更改为：

<div id="ctl00">
    <h1 class="logo">
<a href="http://www.domain.co.nz" title="Menswear"><img src="/user/files/logo.png title="Menswear" alt="Menswear"></a>
</h1>
</div>

基本上我想从 URL 中删除“.store”，但只是这个实例，而不是页面上的所有 URL。

Answer 1

一种方法是使用 href 值来查找锚点

var a = document.querySelector('a[href="http://www.this.link.co.nz"]');
if (a) {
  a.setAttribute('href', 'http://www.that.link.co.nz')
}

<a href="http://www.this.link.co.nz" title="this link">
  <img src="/filename.jpg" />
</a>

Answer 2

检查 DOM 函数：

var x = document.getElementsByTagName("a")
for (i=0;i<x.length;++i) {
  if (x[i].getAttribute("href") == "http://www.this.link.co.nz") {
    x[i].setAttribute("href", "http://www.that.link.co.nz")
    x[i].setAttribute("title", "that link")
    x[i].replaceChild(
      document.createTextNode(
        "changed img:filename.jpg"
      ),
      x[i].firstChild
    )
  }
}

<p><a href="http://www.this.link.co.nz" title="this link">
    img:filename.jpg
</a>
</p>
<p><a href="http://www.this.link.co.nz" title="this link">
    img:filename.jpg
</a>
</p>

将x 设置为包含所有a 元素的数组。