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