Как получить свойство ширины css элемента

Question

Я хотел бы получить в моем JS-коде «оригинальное» свойство ширины CSS, применяемое к элементу, а не ширину среза (вычисляемую).
например.

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

в этом случае, я хочу, чтобы получить "50%", а не значение точек вычисляется во время выполнения. Если значение задано в em, я хочу получить em как результат. window.getComputedStyle(foo, null).getPropertyValue('width'), возвращает значение пикселя (по крайней мере, на Google Chrome).
На самом деле мне нужно текстовое значение правила CSS, применяемого к элементу.

Answer 1

foo.width in pixels/parentElement.width * 100 = foo.width in % так в JS, например:

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

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