我正在使用RequireJS的插件,它允许您将CSS和JS一起加载到前端。
现在,问题是,我不知道如何在不使用使用AJAX从服务器检索样式表的链接标记的情况下将样式表附加到文档。
define(['css!my_stylesheet_path',function(sss){
//how do I apply the stylesheet 'sss' to the document? <<<<
});
如您所见,在我的RequireJS模块中,我使用css插件加载了一个CSS文件:https://github.com/guybedford/require-css
有没有人知道如何直接将此样式表应用于文档?我假设如果我使用href属性,它将在服务器上搜索样式表,而不是使用我手头的样式表。
从这个链接*看起来我可以这样做:
var sheet = document.createElement('style')
sheet.innerHTML = "div {border: 2px solid black; background-color: blue;}";
document.body.appendChild(sheet);
现在,那里有些狗屎。
* http://www.w3.org/wiki/Dynamic_style_-_manipulating_CSS_with_JavaScript