Search code examples
javascriptdomhref

How to add a var to href

I need something like this:

var link = " http://www.google.com";

<a href='link' />

So I need to use a variable as href attribue of a link. Is this possible?

It worked with "<a href= '" + link + "' />". Is there a better way?

Solution

  • You should set the href value on the server, it is bad design to use scripting for this.

    However, to answer the question, it can be done by using script to set the href property of the A element once it is in the DOM, e.g.:

    <a href="<a useful URI if javascript not available>" id="a0">foo</a>

<script type="text/javascript">
  var a = document.getElementById('a0');
  if (a) {
    a.href = "http://www.google.com";
  }
</script>

    Of course there are a thousand other ways, all with their pitfalls. So set the value on the server and avoid them all.

    -- 
Rob