码迷,mamicode.com
首页 > Web开发 > 详细

动态修改css文件中,具体的class中的个别属性值。

时间:2015-11-13 14:37:42      阅读:336      评论:0      收藏:0      [点我收藏+]

标签:

//修改class的属性值
//javascript方式
function setCssClassProperty(pSheetObj,pClassName,pProperty,pValue) {
    var rules = pSheetObj.sheet.cssRules;
    var rule;
    var selectorText;
    for (i = 0; i < rules.length; i++) {
        rule = rules[i];
        selectorText = rule.selectorText;
        if (selectorText === "." + pClassName) {
            rule.style.setProperty(pProperty,pValue);
        }
    }
}

使用例子如下:

var sheetObj=$("#linkSource")[0];
setCssClassProperty(sheetObj,"className","background","green");
修改后的效果的生命期:从修改开始直到CSS文件重新加载, 所以,如果有其他的特殊的使用的情况,相应的重新执行一次就好了。

PS:如果要删除class中的某个属性,也是差不多的,value为空就是了!
  setCssClassProperty(sheetObj,"className","background","");

 

动态修改css文件中,具体的class中的个别属性值。

标签:

原文地址:http://www.cnblogs.com/jearay/p/4961991.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!