关于脚本化css

---恢复内容开始---

　　想把自己认为的最重要的,最有用的几块写上，以后会边学边总结完善。

　　1.首先我们通过JavaScript可以获取到我们想要获取的元素的样式。而这个样式并非单独的哪一个部分的规则决定的，这个样式是由一下几部分组成的：

　　　　1）web浏览器的默认样式

　　　　2）样式表中的规则（style或者link引入的样式）

　　　　3）标签元素style属性规定的样式

　　注意：以上所说的由这三种组合起来的样式叫做“计算后的样式（computedStyle）”

　　由此我们需要获取的是计算过之后的样式：

　　　　1）DOM标准用的是 window.getComputedStyle(ele,null)[attr]   DOM标准用的是window的getComputedStyle方法

　　　　2）IE8及其以下不支持这个方法，而支持IE自由的一个属性currentStyle[attr]->通过它来获取

　　　　3）注意返回值：对于百分数点小数返回的是绝对值,而对于有尺寸的返回的是包含“px”的字符串,后期使用时还需要处理

　　　　4）透露一点getComputedStyle()和currentStyle返回的是  CSSStyleDeclaration对象（计算样式对象）

　　　　5）下面写一个兼容性的处理：

function getStyle(ele,attr){
      if(window.getComputedStyle){
                return window.getComputedStyle(ele,null)[attr];
      }else if(ele.currentStyle){
                return ele.currentStyle[atr]
      }else {
                return ele.style[attr];    //若都不支持
      }
}

　　2.除了获取元素的样式之外,通过JavaScript我们还可以获取dom文档中的样式表，并且可以修改增加里面的样式

　　　　1）在脚本化样式表时主要是有两类需要使用的对象

　　　　　　>>>1.第一类对象,由<style>和<link>元素表示，这两种包含或者引用样式表,对于这两个可以通过id或者tagName等进行获取

　　　　　　>>>2.第二类是CSSStyleSheet对象表示样式表本身

　　　　　　>>>3.document.styleSheets是一个表示所有CSSStyleSheet对象的只读的类数组对象

　　　　2）对于获取到的样式表可以有三个操作

　　　　　　>>>1.可以对CSSStyleSheet对象的disabled属性进行设置来规定要不要启用该样式表（true/false）

　　　　　　>>>2.通过CSSStyleSheet对象的cssRules属性可以获取该样式表中的所有的规则的集合（IE不支持这个IE使用rules来代替这个）

　　　　　　>>>3.除了以上两种操作之外,还有一个就是对样式表的实际操作（主要有增加和移除样式表中的规则两种操作）

　　　　　　　　　　>>1.对于标准是通过CSSStyleSheet对象的insertRule()和deleteRule(arg1,arg2)方法（arg1:表示选择器规则的内容,arg2：表示规则要插入的位置）

　　　　　　　　　　>>2.IE有自己的添加和移除的方法:addRule()和removeRule(arg1,arg2,arg3)方法（arg1：表示选择器，arg2:表示规则内容，arg3：表示规则需要插入的位置）

　　　　　　>>>4.cssText表示要表示的规则的内容

　　　　3）还有就是创建样式表,通过创建style标签和规定style标签的innerHTML来完成