Dynamically modifies individual attribute values in a CSS file, specific class.

//modifying a class's property value//JavaScript modefunctionSetcssclassproperty (psheetobj,pclassname,pproperty,pvalue) {varRules =PSheetObj.sheet.cssRules; varrule; varSelectortext;  for(i = 0; i < rules.length; i++) {Rule=Rules[i]; Selectortext=Rule.selectortext; if(Selectortext = = = "." +pclassname)        {Rule.style.setProperty (pproperty,pvalue); }    }}

Examples of use are as follows:

var sheetobj=$ ("#linkSource") [0];

Setcssclassproperty (sheetobj, "ClassName", "background", "green");

The life of the modified effect: from the beginning of the modification until the CSS file reloads, so, if there are other special use cases, the corresponding re-execution is good.

PS: If you want to delete a property in class, it is almost the same, value is empty!

Setcssclassproperty (Sheetobj, "ClassName", "Background", "");

Dynamically modifies individual attribute values in a CSS file, specific class.