在动态添加链接样式表

时间:2009-02-04 16:16:23

标签: javascript internet-explorer dom crash

如何将链接样式表引用添加到文档头部?

我找到了这段代码,但它不适用于所有浏览器,它崩溃了我的IE7:

var ss = document.createElement("link");
ss.type = "text/css";
ss.rel = "stylesheet";
ss.href = "style.css";
document.getElementsByTagName("head")[0].appendChild(ss);

由于

3 个答案:

答案 0 :(得分:8)

Internet Explorer将支持innerHTML,虽然它添加了reflow,但这可以工作:

var headHTML = document.getElementsByTagName('head')[0].innerHTML;
headHTML    += '<link type="text/css" rel="stylesheet" href="style.css">';
document.getElementsByTagName('head')[0].innerHTML = headHTML;

答案 1 :(得分:2)

在IE中,您可以尝试使用createStyleSheet方法吗?这将URL作为参数。我不知道FF /铬是否有同等效力。

- 塞特希

答案 2 :(得分:-3)

这是一个简单的交叉引用javascript错误。祝你有愉快的一天。