要素のcss widthプロパティを取得する方法

Question

JSコードで、実行時（計算）幅ではなく、要素に適用される「元の」CSS幅プロパティを取得したいと考えています。
など。この場合

.foo { 
    width: 50% /* or 123px, or 5em, ...*/ 
} 

、私は、実行時に計算さ"50%"はなく、ピクセル値を取得したいです。値がemで指定されている場合、結果としてemを取得したいと思います。 window.getComputedStyle(foo, null).getPropertyValue('width')は、ピクセル値を返します（少なくともgoogle chromeでは）。
実際、要素に適用されるCSSルールのテキスト値が必要です。

例えばJSでとても

Answer 1

foo.width in pixels/parentElement.width * 100 = foo.width in % ：あなたはそれを取得したいん

var width = document.getElementById('foo').offsetWidth; 
var parentWidth = document.getElementById('parentOfFoo').offsetWidth; 

var fooWidthPercentage = width/parentWidth * 100; 
console.log(fooWidthPercentage);