我的页面中有一个按钮和 onclick 事件,如果应该将来自服务器的 CSS 文件附加到 <head> 并执行其他操作。
它在 FF 中完美运行,但在 IE 中似乎不起作用(它确实将 <link> 附加到 <head> - 但 CSS 不会影响元素)

继承人我目前的代码:

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);
}

什么会导致这种情况?

谢谢!

最佳答案

试试这个功能:

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);
}

关于javascript - IE 中的动态 CSS 加载不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/3530694/

10-09 15:30
查看更多