//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.