javascript - 如何使用Javascript更改href和html文本？

Question

因此，我对这一小段 HTML 的访问权限为零，并且我需要将其链接的 URL 更改为其他位置。

现在我环顾四周，尝试了不同的方法，但似乎都不起作用，所以我一定做错了什么。

HTML 代码:

<div class="manageable-content" data-container="edit_register_ind_container">
    <a class="entry-text-link secondary-step step-button" id="register_ind_container" href="oldurl">Register</a>
 </div>

首先我想尝试一些看起来更简单的事情，即将显示的文本“注册”更改为“开始筹款事件”

这就是我对该部分的了解:

// url manipulation
    $(document).ready(function(){
     $("#register_ind_container").click(function(){
           $("#manageable-content a").text('Start a Fundraiser');
              });
     $("#register_ind_container").attr("href", "http://google.ca");
    });

到目前为止，没有任何运气。

一些背景信息:我正在使用一个名为 Luminate/Blackbaud 的平台，它是一个具有奇怪设置的 CMS。 header 标签和类似内容位于与 html 正文不同的位置，并且 css 也位于其他位置(但我只是使用 ftp 在 header 中引用它)。

我如何引用 JavaScript 代码。

<script type="text/javascript" src="../mResonsive/js/urlmanipulation.js"></script>

我的CSS可以工作，所以我确信这应该可以，但我只是不知道为什么不行。欢迎所有建议(除了要求 html 访问权限，因为我 3 周前就有了，哈哈)

感谢您的宝贵时间!

Answer 1

我看到了你的两个代码:

 $("#register_ind_container").attr("href", "http://google.ca");

此行将在页面加载时执行，因此应在加载时更改 href

$("#register_ind_container").click(function(){

但是当您执行此操作时，请点击 Id它不会工作，因为在这种情况下，这个 id 与超链接关联

因此超链接具有默认子集规则

要覆盖这个，你可以尝试

$("#register_ind_container").click(function(e){
    // custom handling here
    e.preventDefault();
 $(this).text('Start a Fundraiser');
});

但这也不是一个好的做法。希望这有帮助!