AppendChild Link with onClick function

Question

I'm trying to use appendChild within Javascript to create a link that has a onClick attribute. I can't seem to make it work or find how to do this simple task.

var link=document.createElement("a");
link.appendChild(document.createTextNode("Link"));
link.href = '#';
link.onclick = 'loadScript()';
document.body.appendChild(link);

Solution

You have to change

link.onclick = 'loadScript()';

by

link.onclick = loadScript;

DEMO

Comments

[zzzzBov]

Better yet, link.addEventListener('click', loadScript, false)

[Khadijah Celestine]

How do I set it if loadscript has a parameter? link.onclick = loadScript(it_is_here); does not work for me.

[Claudio Redi]

@MsKhadijah : you could do link.onclick = function() { loadScript(it_is_here); }

[Khadijah Celestine]

Thanks. It didn't work. I cheated and used a switch statement instead.