是否可以更改已定义的 href

Question

这是一个非常混乱的问题。

所以我有一个网站。我无权访问我的服务器文件。我唯一的访问权限是通过我的 Prestashop 帐户，这使我可以有限地访问更改我的网站。

但是 Prestashop 给了我一个小模块，我可以在其中输入一些我自己的 HTML/脚本代码。

基本上我想更改已声明的 href 链接。此 href 链接在服务器上的文件中声明（我无权访问）。 有没有办法通过脚本更改这个已经建立的 href 链接？

例如，我网站上的“联系人”一词通过以下 href 链接到我的联系人页面：

https://contacts.com/contacts.php">联系人

但我想添加一个脚本，将该链接重定向到不同的 href，例如：

<a href = "https://contacts.com/contacts123456.php"> contacts </a>

我似乎无法在网上任何地方找到如何做到这一点。能做到吗？

我知道最简单的方法是进入我的服务器文件，然后将 href 从那里转到新的 href 值。但是我无权访问它。

Answer 1

如果您已经知道href总是将是https://contacts.com/contacts.php，请使用带有属性选择器的querySelector 来查找元素，然后使用setAttribute 来修改值：

document.querySelector("a[href='https://contacts.com/contacts.php']").setAttribute("href", "https://contacts.com/contacts123456.php");

如果有多个链接完全相同href，请使用querySelectorAll：

document.querySelectorAll("a[href='https://contacts.com/contacts.php']").forEach(e => e.setAttribute("href", "https://contacts.com/contacts123456.php"));