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

Question

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

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

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

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

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

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

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

请帮忙教教我，谢谢！

Answer 1

去 document.styleSheets[X].cssRules 里找找？

Answer 2

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

Answer 3

楼主是不是想知道 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> 

不知道这么晚回答有没有用.

Answer 4

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