相关疑难解决方法(0)

在jQuery中获取CSS规则的百分比值

假设规则如下:

.largeField {
    width: 65%;
}
Run Code Online (Sandbox Code Playgroud)

有没有办法以某种方式获得'65%',而不是像素值?

谢谢.

编辑:不幸的是,在我的情况下使用DOM方法是不可靠的,因为我有一个导入其他样式表的样式表,因此cssRules参数以null未定义的值结束.

但是,这种方法适用于大多数简单的情况(一个样式表,文档标记内的多个单独的样式表声明).

css jquery

97
推荐指数
7
解决办法
8万
查看次数

获取设置的元素CSS属性(宽度/高度)值(以百分比/ em/px /等为单位)

如何使用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中使用.

Chrome元素检查器在设置时显示属性值


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

javascript css google-chrome

25
推荐指数
3
解决办法
2万
查看次数

标签 统计

css ×2

google-chrome ×1

javascript ×1

jquery ×1