我的页面中有一个按钮和 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/