javascript 获取特定的 CSS属性值
link id="system_style" type="text/css" href="global.css" rel="stylesheet"/> div id="myArticle"> ... /div> 在global.css中声明了 #myArticle{ width:400px; height:300px; } 这样的情况下,直接通过JS进行getElementById('myArticle').style.width是无法获取400px的值的,因为这个数值定义在CSS里,所以,必须要用其他方法,我写了以下函数: /** * function for get the style value in special css file * @param int css_file_id * @param String labname * @param String param */ 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;irss.length;i ) { style = rss[i]; if(style.selectorText.toLowerCase() == labname.toLowerCase()) { value = style.style[param]; } } return value; } 现在只要通过 getStyleValue(0,'#myArticle','width') 就可以获得啦:)
您可能感兴趣的文章: 用JavaScript获取网页中的js、css、Flash等文件 获取css样式表内样式的js函数currentStyle(IE),defaultView(FF) js 获取和设置css3 属性值的实现方法 javascript获取元素CSS样式代码示例 js获取某元素的class里面的css属性值代码 JS使用getComputedStyle()方法获取CSS属性值 js 获取浏览器版本以此来调整CSS的样式 Javascript获取CSS伪元素属性的实现代码 JS获取CSS样式(style/getComputedStyle/currentStyle)