How to execute javascript code after appendChild

Question

I'm having a problem when I use appendChild() to append a <script> tag where the javascript referenced in the new script tag is not run. In Firebug I get a notification which says "Reload the page to get source" but if I reload the JS will be appendChild again.

Here is my code:

var divAd = document.createElement("div");
divAd.innerHTML = '<script src="http:example.com/adenseload.js" language="javascript" type="text/javascript"></script>';
titleBak.appendChild(divAd);

How can I use the appended JS after using appendChild()?

Thanks for your answer.

are you sure that the src-property is correct and the loaded js-file actually calls a method after being loaded? — Michael Sandino
– Michael Sandino, Commented Nov 17, 2011 at 10:59
yes the src is corrent.i'm appendChild() when load document in another js. — viyancs
– viyancs, Commented Nov 17, 2011 at 11:04

Michael Sandino · Accepted Answer · 2011-11-17 11:13:09Z

4

Don't wrap it in a div, create the script tag directly. This worked for me:

var scriptTag = document.createElement("script");
scriptTag.src = "http://example.com/myscript.js";
bodyTag.appendChild(scriptTag);

answered Nov 17, 2011 at 11:13

Michael Sandino

1,9781 gold badge13 silver badges10 bronze badges

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

3 Comments

viyancs Over a year ago

i think you code is true but divAd.innerHTML = ajaxResult in my case is result from ajax so i cant create element script because already in result.

Michael Sandino Over a year ago

You could deliver only the url via ajax instead of the whole script-tag.

viyancs Over a year ago

you true, why i'm not hink like that...stupid... i'm using code thi for get src from javascript tag

var adScript = ad.getElementsByTagName("script");         var index = adScript.length - 1;         var adsScr = adScript[index]; var src = adsSrc.src;

Selvakumar Ponnusamy · Accepted Answer · 2011-11-17 11:11:57Z

1

You have to use below statement to load JS,

document.write('<script src="', 'http:example.com/adenseload.js', '" type="text/JavaScript"><\/script>');.

you can append HTMLobjects only to the DIV, Not script tags

answered Nov 17, 2011 at 11:11

Selvakumar Ponnusamy

5,6238 gold badges46 silver badges90 bronze badges

Collectives™ on Stack Overflow

How to execute javascript code after appendChild

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related