在<head>中动态添加链接样式表

Question

在<head>中动态添加链接样式表

bel*_*laz 17 javascript crash internet-explorer dom

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

我发现这个代码但是它不适用于所有浏览器,它崩溃了我的IE7:

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

Run Code Online (Sandbox Code Playgroud)

谢谢

Answer 1

Ala*_*agu 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;

Run Code Online (Sandbox Code Playgroud)

Answer 2

bel*_*laz -5

这是一个简单的交叉引用 JavaScript 错误。祝你今天过得愉快。

归档时间：	16 年，10 月前
查看次数：	32100 次
最近记录：	9 年，11 月前