Dynamically adding script element to a div does not execute the script

Question

I am trying to add a script block dynamically to the document. When I do this, the script block is not getting executed.

Answer 1

In your first try you are creating a string and js interpreter handle it as a string, not an html tag, so js doesn't really care about your script tags presented in that string.

Then of course it's working when you start using eval() because eval - is evil:))

After all you can create script tags dynamically and then fill it with code:

var elem = document.getElementById("dynamicDiv"),
    scriptTag = document.createElement('script'),
    scriptTagCode = 'function hello (val){alert("hello " + val);}';

scriptTag.innerHTML = scriptTagCode;
elem.appendChild(scriptTag);
hello('foo');