动态加载样式表比较简单,这里记录一下如何在页面的标签插入内联样式。
废话不多说直接贴代码,看了即懂:
function addCSSRule(sheet, selector, rules, index) {
if(sheet.insertRule) {
sheet.insertRule(selector + "{" + rules + "}", index);
}else {
sheet.addRule(selector, rules, index);
}
}
var _head = $('head');
if(_head.find('style').length==0){
_head.append('<style type="text/css"></style>');
}
var _styleRule= 'min-width: '+setting.view.bgWidth.toString().replace('px', '')+'px';
addCSSRule(document.styleSheets[0],'#'+setting.treeId+' li a',_styleRule);