javascript - how to insert a script tag to div?

Question

How to do that:

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

script will be print on browser like a string.How to do is as script ?

Answer 1

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 2

Just don't escape your < and >s:

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