Inject string into a href with javascript?

Question

In the same way that I can inject some text into a div with javascript, how can I inject a string into the href portion of an html anchor?

var div = document.getElementById('hrefId');
div.innerHTML = "Some dandy text!";

Something like this?

var hrefVar = document.getElementById('hrefId');
hrefVar.innerHTML = "Some dandy text!";

The problem is that it populates the space between <a></a>, as opposed to filling up the href with text, which is what I need to get the link to work.

<a href="" id="href"></a>

Solution:

var hrefVar = document.getElementById('hrefId');
hrefVar.href = "http://www.microsoft.com/";

document.getElementById('whatever').href="some text" or setAttribute if you want to change the DOM and not just the element property — Phil
– Phil, Commented Mar 22, 2016 at 4:53
You should also be able to use Jquery, $("#href").attr("href","Hello World"); — Satej S
– Satej S, Commented Mar 22, 2016 at 4:56

James111 · Accepted Answer · 2016-03-22 05:30:56Z

1

Since this was never officially answered I'll post it here.

Todo this with pure javascript:

var hrefVar = document.getElementById('hrefId');
hrefVar.href = "http://www.microsoft.com/";

Or could do it in one line

var hrefVar = document.getElementById('hrefId').href="http://www.microsoft.com/";

jQuery:

$("#hrefId").attr("href","http://www.microsoft.com/");

answered Mar 22, 2016 at 5:30

James111

16k17 gold badges89 silver badges130 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Inject string into a href with javascript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related