How to add hyperlinks dynamically to a div tag in Javascript?

Question

I want to add a hyperlink on the ribbon. I was able to add the hyperlink to the existing div. The Hyperlinks are getting increased by one for every action i do on the page. How i can make it(hyperlink) restrict to one?

I am using the following code:

var mydiv = document.getElementById("myDiv"); 
var aTag = document.createElement('a');
aTag.setAttribute('href',"yourlink.htm");
aTag.innerHTML = "link text";
mydiv.appendChild(aTag);

Please suggest me.

I am following the below code var mydiv = document.getElementById("myDiv"); var aTag = document.createElement('a'); aTag.setAttribute('href',"yourlink.htm"); aTag.innerHTML = "link text"; mydiv.appendChild(aTag); — pavan
– pavan, Commented Aug 9, 2012 at 10:19
from now on...you should keep your posts like this as the new edit made to it...instead of posting code into comments..This improves readability of your question and make it much understandable for others... — Mayank Pathak
– Mayank Pathak, Commented Aug 9, 2012 at 11:12

Aesthete · Accepted Answer · 2012-08-09 11:08:59Z

1

var aTag = document.createElement('a');

Creates a new anchor element everytime it's called. Without more context it's hard to see why and how often this code is called.

What we do know, is every time it's called, you're appending it to the div, which is why you have multiple links.

mydiv.appendChild(aTag);

answered Aug 9, 2012 at 11:08

Aesthete

18.9k6 gold badges38 silver badges46 bronze badges

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

Collectives™ on Stack Overflow

How to add hyperlinks dynamically to a div tag in 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