Question

我的页面中有一个按钮和onclick事件，如果要从服务器附加到<head>一个CSS文件并执行其他操作。它在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);
}

导致这种情况的原因是什么？

谢谢！

Answer 1

尝试此功能：

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

IE中的动态CSS加载不起作用

1 个答案: