* 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规则
js中的css操作
最新推荐文章于 2022-12-31 13:44:01 发布