首页 > 代码库 > DOM样式操作

DOM样式操作

 

技术分享

 

 

内部样式表

<style type="text/css">   body{margin:30;}   p{color:#aaa;line-height: 20px;}</style>

 

element.sheet.cssRules

element.sheet.cssRules[1]   <--->         p{color:#aaa;line-height: 20px;}   //cssRules中的『第二条rule』

                                                          .style  <--->   color:#aaa;line-height: 20px;   //rule的『css声明(属性名和属性值的键值对)』 

                                                                                .lineHeight //通过『属性名』获得『属性值』  

                                                .selectorText   <---> p //这条rule的选择器

我们可以通过

style,是CSSStyleDeclaration类的一个对象

DOM样式操作