也许过去我不是一个好孩子,但现在我要做个好爸爸...... 注册 | 登陆

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

Tags: javascript, css

« 上一篇 | 下一篇 »

只显示5条记录相关文章

JavaScript控制iFrame在IE与FireFox中... (浏览: 16099, 评论: 3)
JavaScript判断页面大小的函数 (浏览: 13260, 评论: 0)
支持FireFox的JavaScript表格操作函数 (浏览: 9821, 评论: 0)

发表评论

评论内容 (必填):