假设规则如下:
.largeField {
width: 65%;
}
Run Code Online (Sandbox Code Playgroud)
有没有办法以某种方式获得'65%',而不是像素值?
谢谢.
编辑:不幸的是,在我的情况下使用DOM方法是不可靠的,因为我有一个导入其他样式表的样式表,因此cssRules参数以null或未定义的值结束.
但是,这种方法适用于大多数简单的情况(一个样式表,文档头标记内的多个单独的样式表声明).
如何使用CSS规则设置元素CSS属性(例如宽度/高度),无论以何种单位设置(例如,百分比/ em/px)?(在谷歌浏览器中,最好是无框架的).
使用getComputedStyle以像素为单位返回当前值css(),jQuery中也是如此.
例如:
<div class="b">first</div>
<div id="a" class="a">second</div>
<style>
div { width: 100px; }
x, div#a { width: 50%; }
.a { width: 75%; }
</style>
Run Code Online (Sandbox Code Playgroud)
在迭代div本例中的所有元素时,我希望能够得到第二个div宽度为50%(和第一个宽度100px).
Chrome元素检查器可以在设置时显示CSS属性值,因此应该可以在Chrome中使用.

不是链接问题的完全重复,因为在接受的答案中有一个简单的hack,无论设置何种宽度,都会产生百分比宽度.其余的你必须知道用于制定活动规则的选择器吗?怎么会知道的?