javascript - how to insert a script tag to div?

Question

How to do that:

document.getElementById(\'target\').innertHTML = \"<script> alert(1); <script>\";
         


        
      

Answer 1

You cannot use innerHTML for scripts anymore. It won't work and the console will not show any error. Instead you dynamically add scripts.

This is for external scripts:

var newScript = document.createElement("script");
newScript.src = "http://www.example.com/my-script.js";
target.appendChild(newScript);

And this is for inline scripts:

var newScript = document.createElement("script");
var inlineScript = document.createTextNode("alert('Hello World!');");
newScript.appendChild(inlineScript); 
target.appendChild(newScript);

Credit to Daniel Crabtree