繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JS获得CSS中声明的特定样式中的某属性值
- Javascript
- javascript 多图浏览超炫效果
- 对采用动态原型方式无法展示继承机制得思考
- JS 控制非法字符的输入代码
- JSON 编辑器实现代码
- jquery select操作的日期联动实现代码
- select列表内容交换的js实现代码
- javascript Demo模态窗口
- JavaScript 加号(+)运算符号
- javascript 动态生成私有变量访问器
- javascript 模拟JQuery的Ready方法实现并出现的问题
- jquery ready函数源代码研究
- ASP Json Parser修正版
- js select多选列表传值代码
- JavaScript 对象模型 执行模型
- js 操作select相关方法函数
- IE和firefox浏览器的event事件兼容性汇总
- js event事件的传递与冒泡处理
- 兼容IE,firefox的获取节点的文本值的javascript代码
- IE7中javascript操作CheckBox的checked=true不打勾的解决方法
- javascript Array.sort() 跨浏览器下需要考虑的问题
Javascript 中的 JS获得CSS中声明的特定样式中的某属性值
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-13 浏览: 290 ::
收藏到网摘: n/a
用途：用于获得在CSS文件中声明的特定样式中的某属性值。如：
<link id="system_style" type="text/css" href="global.css" rel="stylesheet"/>
<div id="myArticle" style="left:10px;top:35px;" >
在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')
就可以获得啦：）
评论 (0) All
