获取设置的元素CSS属性（宽度/高度）值（百分比/ em / px / etc）

Question

怎样获得用CSS规则设置的元素CSS属性（例如width / height）（以百分比设置）（例如，百分比/ em / px）？（在Google Chrome浏览器中，最好是无框架的）。

using 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>

div在此示例中迭代所有元素时，我希望能够获得第二个divs的宽度50%（和第一个的100px）。

Chrome元素检查器可以按设置显示CSS属性值，因此应该可以在Chrome中使用。

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

并非所链接问题的精确重复项，因为接受的答案存在一个简单的技巧，无论设置哪种宽度，都