繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JS获得CSS中声明的特定样式中的某属性值
- Javascript
- JavaScript中数组方法
- JS的&&和&，||和|运算符两个不同点
- 一个例子认识JS的两个参数
- 练习:鼠标感应伸缩隐藏层
- Javascript让媒体通过指定的按钮播放
- 已知商品单价,用JS计算所选数量的总价
- 用js实现select对div的隐藏与显示
- JavaScript教程:onmouseover控制图片
- 网页设计中总结的几个有用的JS特效代码
- Javascript代码在网页中简单应用的几个示例
- 实现在AJAX下的前进、后退功能
- Javascript代码轻松隐藏网页源文件
- Javascript实现打印网页中定义的部分内容
- JS分层的概念与本地存贮
- 基于javascript的拼音字典及应用举例
- JavaScript入门学习书籍的阶段选择
- JS和CSS实现的气泡窗口
- Javascript教程:实用的JS函数库
- 符合web标准的网页中调用Flash的方法
- JS最常用的55个经典技巧
Javascript 中的 JS获得CSS中声明的特定样式中的某属性值
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-13 浏览: 466 ::
收藏到网摘: 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
