繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JS获得CSS中声明的特定样式中的某属性值
- Javascript
- DOM相关内容速查手册
- [转]JS宝典学习笔记
- 背景，文字渐变（无闪屏）
- 一个仿DOS的Loading效果
- JavaScript使用prototype定义对象类型
- 如何用JS获取带“\”字符串的中间值？
- 如何识别上传前检测的图像是有效的方法
- js模拟滤镜的图片渐显效果
- 如何用javascript去掉字符串里的所有空格
- javascript如何判断数组内元素是否重复的方法集锦
- 控制打印时页眉角的代码
- 模仿Flash AS效果的导航菜单
- 页面自定义拖拽布局
- js判断浏览器的比较全的代码
- 又一日历输入效果没考虑兼容性，IE通过
- 项目添加
- [转]prototype 源码解读 超强推荐
- JAVASCRIPT对象及属性
- JavaScript解决Joseph问题
- 实例：用 JavaScript 来操作字符串(一些字符串函数)
Javascript 中的 JS获得CSS中声明的特定样式中的某属性值
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-13 浏览: 472 ::
收藏到网摘: 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
