javascript - 搜索并用超链接替换字符串

Question

我不确定这是否可行，但我正在帮助一个使用 .aspx 编译的相当大的网站 我们想更改网站上的链接，但没有真正的地方可以编辑链接的文本。不过，我可以使用 CSS 或 Javascript 来编辑网站。

<li>
  <a href="otherpages.aspx" target="">Other Pages</a>
</li>
<li>
  <a href="bluepage.aspx" target="">Blue Page</a>
</li>

我想将显示 Blue Page 的链接和文本更改为诸如 Red Page 之类的内容。 示例:

<li>
  <a href="redpage.aspx" target="">Red Page</a>
</li>

是否可以使用 CSS 搜索和替换该超链接的文本？

我已经尝试创建覆盖原始文本和链接的叠加层，但它没有正确定位 页面取决于用户使用的浏览器。 示例:

<div id="cover"></div>


#cover {
background: url('../images/cover.png') no-repeat;
top: 80%;
margin-left: 0px;
height: 30px;
width: 203px;
position: relative;
}

有人对我如何用 CSS 或 Javascript 替换文本有任何其他想法吗？

Answer 1

用 JavaScript 试试这样的东西，

var bluePage = document.querySelectorAll("a[href='bluepage.aspx']");
if (bluePage[0]) {
    bluePage[0].setAttribute("href", "redpage.aspx");
    bluePage[0].innerHTML="Red Page";
}