javascript 获取特定的 CSS属性值

来源:www.13sc.com | 游客上传 | 294 次浏览 | 0 条评论

搜索: javascript 获取CSS属性值 

本例的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;i<rss.length;i )
{
style = rss[i];
if(style.selectorText.toLowerCase() == labname.toLowerCase())
{
value = style.style[param];
}
}
return value;
}

  现在只要通过


getStyleValue(0,'#myArticle','width')

  就可以获得啦:)

标签: javascript 获取CSS属性值

最热-经验交流

使用CSS框架布局的缺点和优点小结

用CSS构建iframe效果代码

css分页样式代码

模拟兼容性的 inline-block 属性

CSS中Float(浮动)相关技巧文章

CSS布局中可以用javascript判断浏览器版本

解决div被flash挡住的设置方法

脚本控制三行三列自适应高度DIV布局

float引起层飘出父层的解决方法

去除链接元素的虚线框 兼容IE7、IE6、FF

使用CSS解决文字环绕图片问题的代码

css别忘记清除浮动clear:both

Copyright 2009-2013 13sc.com All Rights Reserved.