JavaScript create clickable href

Question

I have a simple stupid question. I want to add a URL which is clickable in JavaScript to my HTML

var a = document.createElement('a');
a.setAttribute('href', 'http://example.at');
$("#upcomingEvents").append('Please check our website. ' + a);

The URL appears, but it is not clickable, how can I change that?

Thanks!

Ian · Accepted Answer · 2013-01-18 23:17:19Z

2

You have to put some text inside the link so there is something to click:

a.innerText='click me!';

And then you can't concatenate a string to a DOM element.

$("#upcomingEvents").append('Please check our website.');
$("#upcomingEvents").append(a);

Ian

51k13 gold badges104 silver badges111 bronze badges

answered Jan 18, 2013 at 23:01

sachleen

31.2k8 gold badges82 silver badges75 bronze badges

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

Comments

Halcyon · Accepted Answer · 2013-01-18 23:00:15Z

2

Try it like this:

$("#upcomingEvents").append('Please check our website. ');
$("#upcomingEvents").append(a);

The + operator causes the DOMNode to be cast to a string, you don't want that.

answered Jan 18, 2013 at 23:00

Halcyon

57.7k10 gold badges93 silver badges131 bronze badges

Might as well use .append().append()