JavaScript修改CSS属性函数

使用JavaScript可以控制页面大小（见《 JavaScript判断页面大小的函数》），如果需要根据页面大小来调整某个HTML标签的CSS的属性，比如高或者宽什么的，如果使用ID来控制也可以，戒烟如你觉得有点复杂了，从网上找了一个修改CSS属性的函数。

JavaScript代码

1. function changecss(theClass,element,value) {   
2.     var cssRules;   
3.     if (document.all) {   
4.         cssRules = 'rules';   
5.     }   
6.     else if (document.getElementById) {   
7.         cssRules = 'cssRules';   
8.     }   
9.     for (var S = 0; S < document.styleSheets.length; S++){   
10.         for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) {   
11.             if (document.styleSheets[S][cssRules][R].selectorText == theClass) {   
12.                 document.styleSheets[S][cssRules][R].style[element] = value;   
13.             }   
14.         }   
15.     }    
16. }  

　　调用函数：changecss('.exampleA','color','red')，三个参数分别是CSS名称、属性名称、参数。需要注意的是如果需要修改的是类，即用class="ClassName"的，在CSS名称前需要加“.”（英文半角句号）；如果需要修改的是ID，即用id="IDName"的，在CSS名称前需要加“#”。