Example Source Code
global.css声明
Example Source Code
#myArticle{
width:400px;
height:300px;
}
function getStyleValue(css_file_id,labname,param)
{
var tar;
var rss;
var style;
var value;
tar = document.styleSheets[css_file_id];
rss = tar.cssRules?tar.cssRules:tar.rules
for(i=0;i<rss.length;i++)
{
style = rss[i];
if(style.selectorText.toLowerCase() == labname.toLowerCase())
{
value = style.style[param];
}
}
return value;
}
现只通过
Example Source Code
getStyleValue(0,’#myArticle’,‘width’)
获得400px
CSSStyleSheet对象
通过 document.styleSheets 访问到CSSStyleSheet的集合。其中每一个元素是一个CSSStyleSheet,就是从样式文件引入或用定义的一个样式列表。
属性disabled : true or false ,该样式是否可用。
属性cssRules : 所有样式的列表,在ie中要用rules
useage : document.styleSheets[0].cssRules[0].selectorText
CSSStyleRule对象
上面的cssRules 取到的就是CSSStyleRule对象的集合,每一个CSSStyleRule对象就是一条css样式。
cssText属性:以字符串形式表示了当前状态的全部规则(ie不支持)。
useage : document.styleSheets[0].cssRules[0].cssText
selectorText 属性: 规则的选择符。(.className)
style属性 : 与HTMLElement.style取得的对象类似,取得了一个CSSStyleDeclaration对象的引用。
CSSStyleDeclaration对象
上面style属性取到的就是一个CSSStyleDeclaration对象,包含了一条样式的所有样式属性。
cssText属性:以字符串形式表示了当前状态的全部规则(ie可以支持这个)。
useage : document.styleSheets[0].cssRules[0].style.cssText