JacaScript访问外部定义的css文件里面的元素样式

  先取得定义类的样式表引用,用document.styleSheets集合实现这个目的;这个集合包含所有html里面的样式表,DOM为每个样式表定义了一个cssRules的集合,这个集合包含定义在样式表中的所用css规则(注意:Firefox和safari为cssRules,而IE为rules)。

  例如:

1 <style>
2     div1{
3         width:600px;
4         height:400px;
5     }
6     div2{
7        background:red;
8     }
9 </style>

  访问CSS:

var ocssRules = document.styleSheets[0].cssRules || document.styleSheets[0].rules;  (兼容选择)
注:
document.styleSheets[0] 为所有外部css样式中的第一个外部css样式表
//访问第一条规则
alert(ocssRules[0].style.width);
//访问第二条规则 alert(ocssRules[0].style.backgroundColor);

 

posted @ 2015-11-20 18:06  刘莫白  阅读(258)  评论(0)    收藏  举报