您的位置:首页 > Web前端 > CSS

【css】向页面动态插入css

2016-05-26 20:00 429 查看
动态加载样式表比较简单,这里记录一下如何在页面的标签插入内联样式。

废话不多说直接贴代码,看了即懂:

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);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: