首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
CSS/HTML
正文
javascript 获取特定的 CSS属性值
所属分类:
网络编程
/
CSS/HTML
阅读数: 278
收藏 0
赞 0
分享
<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')
就可以获得啦:)
更多精彩内容
其他人还在看
IE 5.x/Win 和模型bug
IE 5.x/Win 和模型bug
评论 0
收藏 0
赞 0
分享
各浏览器padding、margin的差异
各浏览器padding、margin的差异
评论 0
收藏 0
赞 0
分享
IE浮动边界BUG延伸探讨
IE浮动边界BUG延伸探讨
评论 0
收藏 0
赞 0
分享
[转]目前找到的最好的Iframe自适应高度代码
[转]目前找到的最好的Iframe自适应高度代码
评论 0
收藏 0
赞 0
分享
Web Safe Color Pallette
Web Safe Color Pallette
评论 0
收藏 0
赞 0
分享
网站制作之网页技巧
网站制作之网页技巧
评论 0
收藏 0
赞 0
分享
http状态码一览表
网站的http状态对于网站维护人员来说是相当重要的,当网站出现问题的时候,我们首先要诊断一下网站的http状态,从而进一步确认哪里出现的问题
评论 0
收藏 0
赞 0
分享
从Table向Css过渡的优缺点比较
从Table向Css过渡的优缺点比较
评论 0
收藏 0
赞 0
分享
不用float实现div模块居中布局
不用float实现div模块居中布局
评论 0
收藏 0
赞 0
分享
解决列高度自适应(相同)的五种方法
解决列高度自适应(相同)的五种方法
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
卡盟是怎么赚钱的?卡盟各个盈利模式介绍
屌丝伪装高富帅 用女友朋友圈低价卖iPhone 6 卷走180万
90后男屌丝如何让淘宝客日赚10万滴
站长VS微商 你选择哪个?
怎么进入微店买东西?微店购物流程图文介绍
网站赚钱就靠广告到底行不行?
站长故事
更多
传统地摊转型网络营销90后农村小伙子月入过万
苹果发布三款新品:一个丑+另一个丑+一个死贵?
站长故事 一位“苦逼站长”的心酸 SEO真的如此简单吗?
比较适合个人站长的5种类型网站:定位 坚持 收益
我是怎么赚到人生的第一个百万的
PHPWind