相关疑难解决方法(0)

获取设置的元素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 ×1

google-chrome ×1

javascript ×1