insert script tags into html element using innerhtml [duplicate]

Question

I'm having trouble inserting this code into my HTML page:

<script type="text/javascript">
var1 = "1";
var2 = "2";
var3 = "3";
</script>
<script type="text/javascript" src="http://www.someadress.com/sss.js"></script>
<noscript><a href="http://someadress" target="_blank"><img src="someimg" width="468"
height="60"></a></noscript>';

I've tried using innerhtml, but it just doesn't seem to work. Here is an example of what i have tried; I'm trying to add the script inside the element with ID allImages:

    var imagesHTML = document.getElementById("allImages").innerHTML;
    imagesHTML = '<script type="text/javascript">
    var1 = "1";
    var2 = "2";
    var3 = "3";
    </script>
    <script type="text/javascript" src="http://www.someadress.com/sss.js"></script>
    <noscript><a href="http://someadress" target="_blank"><img src="someimg" width="468"
    height="60"></a></noscript>';

Community · Accepted Answer · 2017-05-23 10:26:00Z

0

You cannot load <script> tags by injecting HTML. Instead, you need to use eval() functions! There are other ways of creating DOM Objects and invoking scripts. Please check out these:

Note: You should never use eval(), unless you know the environment and is absolutely necessary.

If you don't need the hassle of these things, you can always use libraries like jQuery and MooTools to insert HTML using .html() function.

edited May 23, 2017 at 10:26

CommunityBot

11 silver badge

answered Oct 25, 2014 at 12:33

Praveen Kumar Purushothaman

167k27 gold badges215 silver badges261 bronze badges

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

5 Comments

T.J. Crowder Over a year ago

"Instead, you need to use eval() functions!" No, you don't. And arguably really shouldn't.

T.J. Crowder Over a year ago

Separately: Since you know this is a duplicate of a previous question, even going to the trouble to link to it, why not close the question as a duplicate?

Praveen Kumar Purushothaman Over a year ago

@T.J.Crowder Updated the answer. Please do check it out.

T.J. Crowder Over a year ago

"Instead, you need to use eval() functions!" is still there, and still incorrect.

Roi Mulia Over a year ago

the duplicated answer dosent seem to aim to 1 good solution+ i'm having trouble understanding the code,i use the script for the whole html or each time for diffrent tags?

Collectives™ on Stack Overflow

insert script tags into html element using innerhtml [duplicate]

1 Answer 1

5 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Linked

Related