javascript - how to insert a script tag to div?

Question

How to do that:

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


        
                      

              相关标签:
       
      

Answer 1

document.getElementById('target').innertHTML = '<script type="text/javascript"> alert(1); </script>';

Answer 2

I believe it is better to use pure DOM manipulation. Like this :

var s = document.createElement('script');
s.setAttribute('type', 'text/javascript');
s.value = 'alert(1)';
document.getElementById('target').appendChild(s);

Answer 3

Just don't escape your < and >s:

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

Answer 4

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