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')

  就可以获得啦:)



相关阅读:
磁盘管理--umount
让插入到 innerHTML 中的 script 跑起来的代码
SQL Server复制技术
Exchange环境中的 IIS 锁定和 URLscan 配置(1)
SQLServer中的切割字符串SplitString函数
innerHTML 和 getElementsByName 在IE下面的bug 的解决
PHP sprintf()函数用例解析
Apache+php+mysql在windows下的安装与配置图解(最新版)
获取URL地址中的文件名和参数的javascript代码
技巧:Linux系统清除Grub的几种方法
Linux系统中的文件查找命令
php设计模式 Delegation(委托模式)
ORA-00704 与 bootstrap 错误
比较两种CSS清除浮动的兼容
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4