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规则