dynamic CSS loading in IE won't work

Question

I have a button in my page, and onclick event, if should append to the <head> a CSS file from a server and do something else. it works perfectly in FF but in IE, it seems not to work (it did append the <link> to the <head> - but the CSS won't affect the elements)

Heres my current code:

function loadDynamicCss(filename) {
    var fileref = document.createElement("link")
    fileref.setAttribute("rel", "stylesheet")
    fileref.setAttribute("type", "text/css")
    fileref.setAttribute("href", filename)
    document.getElementsByTagName("head")[0].appendChild(fileref);
}

What can cause this?

Thanks!

Is this a simple IE caching issue? Have you tried pasting the url from the appended link tag into IE's URL field, then reloading the page? — Dave Everitt
– Dave Everitt, Commented Aug 20, 2010 at 12:57
Possible duplicate of stackoverflow.com/questions/1184950/… — T. Junghans
– T. Junghans, Commented Aug 29, 2012 at 6:38

Q_Mlilo · Accepted Answer · 2010-08-20 13:06:04Z

1

Try this function:

function include_css(url) {
var page = document.getElementsByTagName('head')[0],
        cssElem = document.createElement('link');

        cssElem.setAttribute('rel', 'css');
        cssElem.setAttribute('type', 'text/css');
        cssElem.setAttribute('href', url);

        page.appendChild(cssElem);
}

edited Aug 20, 2010 at 13:06

answered Aug 20, 2010 at 12:59

Q_Mlilo

1,7975 gold badges23 silver badges26 bronze badges

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

2 Comments

lyuba Over a year ago

Doesn't work for me when views are rendered post factum with ejs.

T. Junghans Over a year ago

@Himberjack: Can you confirm that this solution worked for you?

Collectives™ on Stack Overflow

dynamic CSS loading in IE won't work

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related