JavaScript修改CSS屬性函式
阿新 • • 發佈：2019-01-29
使用JavaScript可以控制頁面大小（見《JavaScript判斷頁面大小的函式》），如果需要根據頁面大小來調整某個HTML標籤的CSS的屬性，比如高或者寬什麼的，如果使用ID來控制也可以，戒菸如你覺得有點複雜了，從網上找了一個修改CSS屬性的函式。
JavaScript程式碼
- function changecss(theClass,element,value) {
- var cssRules;
- if (document.all) {
- cssRules = 'rules';
- }
- elseif (document.getElementById) {
- cssRules = 'cssRules';
- }
- for (var S = 0; S < document.styleSheets.length; S++){
- for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) {
- if (document.styleSheets[S][cssRules][R].selectorText == theClass) {
- document.styleSheets[S][cssRules][R].style[element] = value;
- }
- }
- }
- }
呼叫函式：changecss('.exampleA','color','red')，三個引數分別是CSS名稱、屬性名稱、引數。需要注意的是如果需要修改的是類，即用class="ClassName"的，在CSS名稱前需要加“.”（英文半形句號）；如果需要修改的是ID，即用id="IDName"的，在CSS名稱前需要加“#”。