javascript: insert script tag inside div and execute it [duplicate]

Question

I have

<div id=test>
<div>

I am trying to insert script

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

But after this i find only

<div id="test">
<script type="text/javascript">
</script>
</div>

Its not running alert(1)

How to do this?

You need to set the innerText, not the value. As if you had written the alert() inside the <script> tag yourself. — Shilly
– Shilly, Commented Mar 22, 2019 at 14:40
The issue is because you append the child to the div not the script. I think you may need to tell the script to run too. Wrap it in a self executing function or a function that you can then call. Oh - Jeremy has helped you out... — Jason Is My Name
– Jason Is My Name, Commented Mar 22, 2019 at 14:48

Jeremy Corbello · Accepted Answer · 2019-03-22 14:42:31Z

1

You want to use :

s.innerText = 'alert(1)';

answered Mar 22, 2019 at 14:42

Jeremy Corbello

1802 silver badges9 bronze badges

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

1 Comment

Santhosh Over a year ago

also can you tell me how to do it using jquery

Collectives™ on Stack Overflow

javascript: insert script tag inside div and execute it [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related