如何通过javascript更改按钮上的<a>标签的href

Question

如何通过javascript更改按钮上的<a>标签的href

如何在按钮点击时通过Javascript 更改标签的href属性值<a/>？

<script type="text/javascript">
  function f1()
  {
    document.getElementById("abc").href="xyz.php"; 
  }</script><a href="" id="abc">jhg</a><a href="" id="" onclick="f1()">jhhghj</a>

Answer 1

没有href，点击将重新加载当前页面，所以你需要这样的东西：<a&nbsp;href="#"&nbsp;onclick="f1()">jhhghj</a>或者像这样阻止滚动：<a&nbsp;href="#"&nbsp;onclick="f1();&nbsp;return&nbsp;false;">jhhghj</a>或者return false在你的f1功能和：<a&nbsp;href="#"&nbsp;onclick="return&nbsp;f1();">jhhghj</a>....或者，不引人注目的方式：<a&nbsp;href="#"&nbsp;id="abc">jhg</a><a&nbsp;href="#"&nbsp;id="myLink">jhhghj</a><script&nbsp;type="text/javascript"> &nbsp;&nbsp;document.getElementById("myLink").onclick&nbsp;=&nbsp;function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;document.getElementById("abc").href="xyz.php";&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;false; &nbsp;&nbsp;};</script>

Answer 2

Nick Carver在那里做了什么，但我认为如果使用DOM setAttribute方法最好。<script&nbsp;type="text/javascript"> &nbsp;&nbsp;&nbsp;document.getElementById("myLink").onclick&nbsp;=&nbsp;function()&nbsp;{ &nbsp;&nbsp;&nbsp;var&nbsp;link&nbsp;=&nbsp;document.getElementById("abc"); &nbsp;&nbsp;&nbsp;link.setAttribute("href",&nbsp;"xyz.php"); &nbsp;&nbsp;&nbsp;return&nbsp;false; &nbsp;&nbsp;&nbsp;}</script>这是一个额外的代码行，但发现它在结构上更好。

Answer 3

删除href属性：<a&nbsp;id=""&nbsp;onclick="f1()">jhhghj</a>如果链接样式很重要，那么：<a&nbsp;href="javascript:void(f1())">jhhghj</a>