javascript 获取特定的 CSS属性值_ Div+Css教程-查字典教程网
javascript 获取特定的 CSS属性值
javascript 获取特定的 CSS属性值
发布时间:2016-12-29 来源:查字典编辑
摘要:...在global.css中声明了#myArticle{width:400px;height:300px;}这样的情况下,直接通过JS进行...

<linkid="system_style"type="text/css"href="global.css"rel="stylesheet"/>

<divid="myArticle">

...

</div>

在global.css中声明了

#myArticle{

width:400px;

height:300px;

}

这样的情况下,直接通过JS进行getElementById('myArticle').style.width是无法获取400px的值的,因为这个数值定义在CSS里,所以,必须要用其他方法,我写了以下函数:

/**

*functionforgetthestylevalueinspecialcssfile

*@paramintcss_file_id

*@paramStringlabname

*@paramStringparam

*/

functiongetStyleValue(css_file_id,labname,param)

{

vartar;

varrss;

varstyle;

varvalue;

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];

}

}

returnvalue;

}

现在只要通过

getStyleValue(0,'#myArticle','width')

就可以获得啦:)

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类