js中的css操作

* 1.elem.style.attr:最常用的方法
*
* 2.elem.style.cssText="样式":当要使用很多样式的时候就是用这个方法
*
* 3.elem.style.length:返回使用了多少样式(不太靠谱)
*
* 4.elem.style.item(index):返回第index个css属性(一定要是通过js添加的,而且
* 合并的属性会被拆分如；border:1px solid #aaa，这样的属性会被拆分为4个方向返回)
*
* 5.elem.style.removeProperty(attrName):删除某个css属性(ie9+)
*
* 6.document.defaultView.getComputedStyle(elem,null):返回计算过的样式(ie9+)
* (当然ie中可以使用elem.currentStyle来获取计算过的样式 )
*
* 7.document.styleSheets属性可以返回所有的css样式，不管是link进来的还是style内的(行内样式不算)
*  (返回一个StyleSheetList包含CSSStyleSheet,有几个link和style就包含几个)
*  (每个CSSStyleSheet包含rules属性,rules属性包含CSSStyleRule属性,有几条属性就有几个
*  CSSStyleRule，每条CSSStyleRule又包含一个style对象能够访问到具体属性)
*  var oneSheet=document.styleSheets[0];    //获取其中一个样式表
*  var rules=oneSheet.cssRules || oneSheet.rules; //获取样式表中的css规则
*  var rule=rules[0]; //获取第一条规则，这是一个包含所有样式类型的对象,可以通过 rule.样式属性 来访问
*
* 8.insertRule()插入规则(在ie中是addRule()):这个方法可以插入一条css规则
* sheet.insertRule(具体内容,要插入的目标);e.g:sheet.insertRule("#box{background-color:white;}",0)
* sheet.addRule(选择器,内容,目标);e.g:sheet.addRule("#box","background-color:white","0")
*
* 9.deleteRule(样式表,位置)(ie中使用removeRule()):删除css规则