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);

浙公网安备 33010602011771号