首页 > Web开发 > 详细

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

时间:2015-11-13 14:35:20      阅读:248      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!