javascript 获取特定的 CSS属性值
发布时间：2016-12-07 20:12:42 所属栏目：百科 来源：站长网
导读：lt;linknbsp;id="system_style"nbsp;type="text/css"nbsp;href="global.css"nbsp;rel="stylesheet"/gt;nbsp; lt;divnbsp;id="myArticle"gt; ... lt;/divgt; 在global.css中声明了 #myArticle{ width:400px;nbsp; height:300px; } 这样的情况下，直接通过JS
|
lt;linknbsp;id="system_style"nbsp;type="text/css"nbsp;href="global.css"nbsp;rel="stylesheet"/gt;nbsp; lt;divnbsp;id="myArticle"gt; ... lt;/divgt; 在global.css中声明了 #myArticle{ width:400px;nbsp; height:300px; } 这样的情况下，直接通过JS进行getElementById('myArticle').style.width是无法获取400px的值的，因为这个数值定义在CSS里，所以，必须要用其他方法，我写了以下函数： /**nbsp; *nbsp;functionnbsp;fornbsp;getnbsp;thenbsp;stylenbsp;valuenbsp;innbsp;specialnbsp;cssnbsp;filenbsp; *nbsp;@paramnbsp;intnbsp;css_file_idnbsp; *nbsp;@paramnbsp;Stringnbsp;labnamenbsp; *nbsp;@paramnbsp;Stringnbsp;paramnbsp; */nbsp; functionnbsp;getStyleValue(css_file_id,labname,param)nbsp; {nbsp; varnbsp;tar;nbsp; varnbsp;rss;nbsp; varnbsp;style;nbsp; varnbsp;value;nbsp; tarnbsp;=nbsp;document.styleSheets[css_file_id];nbsp; rssnbsp;=nbsp;tar.cssRules?tar.cssRules:tar.rulesnbsp; for(i=0;ilt;rss.length;inbsp;)nbsp; {nbsp; stylenbsp;=nbsp;rss[i];nbsp; if(style.selectorText.toLowerCase()nbsp;==nbsp;labname.toLowerCase())nbsp; {nbsp; valuenbsp;=nbsp;style.style[param];nbsp; }nbsp; }nbsp; returnnbsp;value;nbsp; } 现在只要通过 getStyleValue(0,'#myArticle','width') 就可以获得啦：） （编辑：淮北站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
