adding a script tag to the DOM with javascript in IE with data attribute`

Question

I need to add the following script tag to the DOM after a few things run on my page:

<script data-main="js/main" src="lib/Require/require.js"></script>

I know that optimally everything will be in my require file, but as of now i need to hotfix this to work in IE.

What i have that is working in FF/Chrome is:

var script = document.createElement('script');
script.setAttribute('data-main', 'js/main');
script.src = 'lib/Require/require.js';
document.getElementsByTagName('script')[0].parentNode.appendChihld(script);

However, IE doesn't like it when i try to set the attribute 'data-main' and therefore is not working.

How can i get around this and have it add the script element to the dom and have it load the script at the same time?

Thanks

Probably it's just the transcription in here, but you have an extra h in appendChihld. — bfavaretto
– bfavaretto, Commented Jan 30, 2013 at 3:47

Sudhir Bastakoti · Accepted Answer · 2013-01-30 03:35:10Z

27

this seems to work fine in IE as well:

var scriptTag = document.createElement("script");
scriptTag.type = "text/javascript";
scriptTag.src = "lib/Require/require.js";
scriptTag.setAttribute("data-main", "js/main");
( document.getElementsByTagName("head")[0] || document.documentElement ).appendChild( scriptTag );

answered Jan 30, 2013 at 3:35

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

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

1 Comment

Troy Cosentino Over a year ago

'text/javascript' seems to be the problem. Thanks!

Collectives™ on Stack Overflow

adding a script tag to the DOM with javascript in IE with data attribute`

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