javascript is not working if i add dynamic script tag

Question

i want to add dynamic javascript tag on the body

window.onload = function() {
     var e = document.createElement('span');
     e.innerHTML ='<script type="text/javascript">alert("hello");</script>';
     document.body.insertBefore(e,document.body.childNodes[0]);                
}

in the above example the javascript which is being loaded using innerHTML is not working

is there any workaround for this problem

Why would you possibly want to do this? It's just the same as putting a script tag in the document. — Liam
– Liam, Commented Apr 4, 2014 at 8:28

Christoph · Accepted Answer · 2014-04-04 08:34:46Z

1

The clean way would be the following:

var e = document.createElement('script');
e.type = "text/javascript";  // not needed in HTML5
e.innerHTML ='alert("hello");'; // or .text or create a new textnode

document.body.appendChild(e);

answered Apr 4, 2014 at 8:34

Christoph

51.4k22 gold badges103 silver badges129 bronze badges

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

Collectives™ on Stack Overflow

javascript is not working if i add dynamic script tag

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related