AppendChild Link with onClick function

javascript appendchild
John picture John · Sep 19, 2012 · Viewed 11.7k times · Source

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);

Answer

Claudio Redi picture Claudio Redi · Sep 19, 2012

You have to change

link.onclick = 'loadScript()';

by

link.onclick = loadScript;

DEMO

Related questions

How to Append <script></script> in javascript?

I need to use childappend or jquery append() to append some tag stuff into the document. From what I can tell, this is getting stripped out. Anyone know how to do it?

Read More
jQuery append() vs appendChild()

Here's some sample code: function addTextNode(){ var newtext = document.createTextNode(" Some text added dynamically. "); var para = document.getElementById("p1"); para.appendChild(newtext); $("#p1").append("HI"); } <div style="border: 1px solid red"> <p id="p1">First line …

Read More
Javascript Append Child AFTER Element

I would like to append an li element after another li inside a ul element using javascript, This is the code I have so far.. var parentGuest = document.getElementById("one"); var childGuest = document.createElement("li"); childGuest.id = "two"; I am …

Read More