Setting innerHTML of script element not working on IE8

Question

I'm trying to add some script to my page creating an element with the script tag and then changing its innerHTML, it does work on Chrome and IE11 but its not working on IE8

when i change the innerHTML it just shows up like a label.

var contentScript = document.createElement("script");
contentScript.setAttribute("id", "contentSCRIPT");
contentScript.innerHTML = "alert('test');";
document.getElementById("main").appendChild(contentScript);

@Scott Mermelstein did this fiddle to help me out. http://jsfiddle.net/BjbAd/

does anyone know how to make it work on IE8? Keep in mind that i need to create the contentSCRIPT element, because I'll have to remove the script from the page after some things.

Chris Rymer · Accepted Answer · 2014-01-13 14:12:43Z

2

I think your issue is that innerHTML is not intended for use on script tags.

var contentScript = document.createElement("script");
contentScript.setAttribute("id", "contentSCRIPT");
contentScript.text = "alert('test');";
document.getElementById("main").appendChild(contentScript);

edited Jan 13, 2014 at 14:12

answered Jan 10, 2014 at 15:35

Chris Rymer

7135 silver badges16 bronze badges

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

1 Comment

Chris Rymer Over a year ago

I don't have IE10 but have tried FF, CHROME, IE8-9 all work fine. I would have thought I'd have needed to use textContent but text seems to work. Sometimes you just have to treat browsers by their limitations or let them go...

Collectives™ on Stack Overflow

Setting innerHTML of script element not working on IE8

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related