1. 程式人生 > >JavaScript修改CSS屬性函式

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. elseif (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名稱前需要加“#”。