首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在<head>中动态添加链接样式表

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

Stack Overflow用户
提问于 2009-02-04 16:16:23
回答 3查看 33.4K关注 0票数 17

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

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

代码语言:javascript
复制
var ss = document.createElement("link");
ss.type = "text/css";
ss.rel = "stylesheet";
ss.href = "style.css";
document.getElementsByTagName("head")[0].appendChild(ss);

谢谢

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2009-02-05 10:04:11

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

票数 -6
EN

Stack Overflow用户

发布于 2009-02-04 16:26:40

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

代码语言:javascript
复制
var headHTML = document.getElementsByTagName('head')[0].innerHTML;
headHTML    += '<link type="text/css" rel="stylesheet" href="style.css">';
document.getElementsByTagName('head')[0].innerHTML = headHTML;
票数 10
EN

Stack Overflow用户

发布于 2009-02-04 16:24:09

在IE中,你可以尝试createStyleSheet方法吗?它将URL作为参数。不过,我不知道FF/chrome中是否有类似的版本。

--Senthil

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/512070

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档