javascript - 更改我无法编辑的元素的 URL

Question

我正在使用一个内容管理系统，该系统将标题放在我们所有网页的顶部。如果您单击此标题，它会将您带到主页。页面的这一部分是我无法更改的，但幸运的是我可以向这些网页添加 CSS 和/或 Javascript。

有没有办法让我点击那个标题，它会把我带到一个不同的 URL？我无法编辑用于显示该标题的 HTML(在下面发布)

老实说，我还没有想出解决方案。我只能想象通过 Javascript 是可能的，但我不确定。

<h1 class="page-title">
    <span><a data-home-link="" href="/sites/ww/MyWebPage">My Web Page</a></span>
</h1>

我希望能够单击“H1”元素并将它带到另一个网页，不同于“MyWebPage”。

Answer 1

如果您无法更改 html 以添加 id，您可以使用 document.querySelector 或 document.querySelectorAll

例如，如果它是页面上唯一具有该链接地址的“a”元素，您可以使用:

document.querySelector('a[href="/sites/ww/MyWebPage"]').setAttribute('href', '/elsewhere/page');

或者，如果它是 >1 中的第一个，您可以使用:

document.querySelectorAll('a[href="/sites/ww/MyWebPage"]')[0].setAttribute('href', '/elsewhere/page');