js如何获取css文件内的一个属性值

本人不懂开发
但是因为需要,正在弄一个网站
现在希望实现根据用户屏幕分辨率让网站的DIV显示不同的长宽
因为源码是来自网络,使用了jquery
导致无法直接使用css中的@media来实现该功能
现在遇到的问题是:

我需要在js中获取到css文件内的样式属性值,并赋值给变量

在网上找到资料,是获取本html页面中的样式属性,而我需要的是css文件中的
代码:

<div id="css88" class="ss" style="width:200px; height:200px; background:#333333; color:#00FF00" >JS获取CSS属性值</div>

<script type="text/javascript">
    var i = document.getElementById("css88").style.width;
    alert(i);
</script> 

我的css文件“test.css”里面有:.w{width:400px;}

我需要获取.w的width属性值

请帮忙教教我,谢谢!

阅读 13.3k
4 个回答

document.styleSheets[X].cssRules 里找找?

新手上路,请多包涵

我觉得你得使用ajax get 方法获取该文件,然后使用一定的规则检索出你要的样式代码块才行。

新手上路,请多包涵

楼主是不是想知道 ccs88 这个的width的值是吧,如果是的话:

<script type="text/javascript">
    var i = document.getElementById("css88").style.width;
    // 去掉px,并把得到的字串转换成数值,可以不用parseFloat直接输出字串
    i=parseFloat(i.substr(0,i.legnth-2));
    window.alert(i);
</script> 

不知道这么晚回答有没有用.
新手上路,请多包涵

亲,用jquery
$("#css88").css('width');
在使用之前先引入jquery.js文件即可

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题