adding a hyperlink or href to a div

I have a div with list of shopping cart items. When users click on "add to cart" button, i would like to add a hyperlink to href to the div.
The div itself shows on mouseover a shopping cart image that I show/hide using javascript.

Now, How can I 1) dynamically add the links to the div.
2) should the links be href or asp:hyperlink.

Please help. any suggetsion would be great. thanks a ton.
TrialUserAsked:
Who is Participating?
 
Gurvinder Pal SinghConnect With a Mentor Commented:
you can do
var link = document.createElement("a");
link.setAttribute("href","");

document.getElementById("divId").appendChild(link);

or

document.getElementById("divId").innerHTML = document.getElementById("divId").innerHTML  + "<a href=''>";

0
 
ansudhindraConnect With a Mentor Commented:
var link = document.createElement("a");
link.setAttribute("href","your url");

if link.setAttribute doesnot work then you can do
link.href="your url";

// to create a label to the link
var lb=document.createTextNode("Link Title");
link.appendChild(lb);

document.getElementById("divId").appendChild(link);

0
 
TrialUserAuthor Commented:
Ok , the above suggestion works great.  the code i used is as follows. only other thing is , I need like a <br /> after every link. how can i make sure the link is added in a newline each time. please help thanks

 function AddLink()
        {
            var link = document.createElement("a");
            link.setAttribute("href","Product.aspx");
            // to create a label to the link
            var lb=document.createTextNode("Product 1");
            link.appendChild(lb);
            document.getElementById("divCart").appendChild(link);
           
        }        
0
 
TrialUserAuthor Commented:
oh, i got it added a br. thanks a ton for your quick response.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.