Cómo cambiar elhref valor de atributo de un<a/> etiquetar a través de Javascript al hacer clic en el botón?

<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>