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

javascript href attr

2022-08-30 02:35:28

如何在按钮点击时通过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>

答案 1

如果没有，单击将重新加载当前页面，因此您需要如下所示的内容：href

<a href="#" onclick="f1()">jhhghj</a>

或者像这样阻止滚动：

<a href="#" onclick="f1(); return false;">jhhghj</a>

或者在您的函数中，并且：return falsef1

<a href="#" onclick="return f1();">jhhghj</a>

....或者，不显眼的方式：

<a href="#" id="abc">jhg</a>
<a href="#" id="myLink">jhhghj</a>

<script type="text/javascript">
  document.getElementById("myLink").onclick = function() {
    document.getElementById("abc").href="xyz.php"; 
    return false;
  };
</script>

答案 2

这正是Nick Carver在那里所做的，但我认为最好使用DOM setAttribute方法。

<script type="text/javascript">
    document.getElementById("myLink").onclick = function() {
        var link = document.getElementById("abc");
        link.setAttribute("href", "xyz.php");
        return false;
    }
</script>

这是一行额外的代码，但发现它在结构上更好。