How can I get the value for href from a js function?

Question

I have the below code:

<a href="#">launch</a>

and I have the value which is to be substituted in the place of '#' received from a function call in Javascript. Let's say the value is 'www.google.com' and is stored in the variable abc in the function url();.

Is there any way I can replace the '#' dynamically with the variable value from the function?

Please do help me out. Many thanks!

Its going to be a lot easier if you have an `id` or a `class` on your anchor tag. Cn you show what JavaScript code you currently have? — putvande, Dec 27 '16 at 18:37
Hello @putvande, here's the js snippet; `var abc = 'mailto:'+dom2+'?subject='+tempsubj2+'&cc='+ccvl;` i want thus value of abc to come instead on '#' — Rahul Sudha, Dec 27 '16 at 18:42
I have myself found a simple way to solve this problem. what i did was, i altred the code from: `launch` to `launch` and in java-script, i called like this: `var abc = 'www.google.com';` `document.getElementById('test').innerHTML= 'launch';` and i got the result which i was expecting! This just changed the entire line of code instead of '#' which anyway did the job..!! — Rahul Sudha, Dec 28 '16 at 07:31

score 2 · Answer 1 · answered Dec 27 '16 at 18:39

2

here is another way to do this, using jquery

$("a").attr("href", "http://www.google.com/")

answered Dec 27 '16 at 18:39

Rehan Shikkalgar

1,029
8
16

4

*"Unless another tag for a framework/library is also included, a pure JavaScript answer is expected."* – Felix Kling Dec 27 '16 at 18:42
thats why i wrote "here is another way to solve" – Rehan Shikkalgar Dec 27 '16 at 18:43
@REHANSHIKKALGAR this is not clearer or more concise than the default version – noɥʇʎԀʎzɐɹƆ Dec 27 '16 at 18:49

noɥʇʎԀʎzɐɹƆ · Accepted Answer · 2016-12-27T18:46:01.797

1

Add an id attribute in your HTML:

<a id="some-id" href="#">launch</a>

Then, in your JavaScript:

document.getElementById('some-id').href = 'new-href'

document.getElementById() gets the DOM object with the specified id. .href access the target of the anchor tag, a property of the DOM object.

Further reading.

edited Dec 27 '16 at 18:46

answered Dec 27 '16 at 18:41

noɥʇʎԀʎzɐɹƆ

9,967
2
50
67

This is clearly the most detailed answer, why this deserves a downvote I have no clue. – noɥʇʎԀʎzɐɹƆ Dec 27 '16 at 18:44
Because it doesn't answer the question. OP wants to replace the attribute value, not (just) access it. – putvande Dec 27 '16 at 18:45
@putvande there, done. Blame the bad title. – noɥʇʎԀʎzɐɹƆ Dec 27 '16 at 18:46
This answer gave me another Idea, and that made me solve the issue! – Rahul Sudha Dec 28 '16 at 07:32
here's what I did; I altred the code from: `launch` to `launch` and in java-script, i called like this: `var abc = 'www.google.com';` `document.getElementById('test').innerHTML= 'launch';` and i got the result which i was expecting! This just changed the entire line of code instead of '#' which anyway did the job..!! – Rahul Sudha Dec 28 '16 at 07:33

score 0 · Answer 3 · answered Dec 27 '16 at 18:40

0

Without jQuery:

document.querySelector('a').href = yourVar;

answered Dec 27 '16 at 18:40

Good Bye Blue sky

196
6

1

This only works if the link is the first one on the page. If you make assumptions, at least mention them. – Felix Kling Dec 27 '16 at 18:43

score 0 · Answer 4 · answered Dec 27 '16 at 18:40

0

You could use setAttribute

<a href="#" id="link">launch</a>

document.getElementById("link").setAttribute("href", "www.google.com");

answered Dec 27 '16 at 18:40

Richard Hamilton

25,478
10
60
87

AlexGH · Answer 5 · 2016-12-27T18:47:50.097

0

If you want to use an id then you could do this:

 <a id="myLink" href="#">launch</a>

And using jQuery(This is using JQuery, not exactly pure JavaScript syntax):

var hrefResult = $("#myLink").attr("href")

edited Dec 27 '16 at 18:47

answered Dec 27 '16 at 18:41

AlexGH

2,735
5
43
76

1

*"Unless another tag for a framework/library is also included, a pure JavaScript answer is expected."* – Felix Kling Dec 27 '16 at 18:46
@FelixKling you are right, this is more a JQuery answer, I've edited my answer and this is just other option – AlexGH Dec 27 '16 at 18:49

How can I get the value for href from a js function?

5 Answers5