如何使用Javascript交换对HTML的访问受限的h2 URL目标？

Question

我无权访问HTML代码，但可以访问文档页脚中的Javascript。话虽这么说，我想用我选择的新URL切换URL“ / vistor_signup”。可以说“ http://www.example.com/account_signup”

而且我也想对“ / user_signup”做同样的事情，比如说交换到“ http://www.example.com/master_signup”

我必须使用JavaScript来做，而我对JS没有任何了解。

我该如何使用JS代码？

我的代码

<div class="grid_12">
<div id="login">
<div class="panel" id="login-form">
<div id="login-promo">
<div class="clear"></div>

<h2><a href="/vistor_signup">Visitor Sign-Up</a> ></h2>

<h2><a href="/user_signup">User Sign-Up</a> ></h2>

</div>
</div>
</div>
</div>
</div>

Answer 1

您的意思是这样的：

var anchors = document.body.getElementsByTagName("a");
for(var i=0; i < anchors.length; i++) {
  var anc = anchors[i];
  if (anc.getAttribute("href") == "/visitor_signup") { 
    anc.setAttribute("href", "http://www.example.com/account_signup");
  } 
}

WARNING：由于浏览器呈现HTML的方式（解析页面，半顺序获取引用的资源，评估javascript的方式），有可能有人在执行脚本之前看到了html，甚至点击“ / visitor_signup”链接。

Answer 2

在您的限制下，尤其是

• 无法访问代码
• 元素上没有id标签

您最好的选择是

• 使用document.body.GetElementsByTagName（）查找所有标签
• 在那些检查href属性上]
• 进行相应更改

编辑：这正是@milan的答案，所以请忽略这一点

Answer 3

由于无法编辑HTML，并且<h2>没有区别，因此使用jQuery可能比使用普通JS容易，以到达元素。