カスケードスタイル値を取得する方法、または実際の値が計算されたかどうかを判断する方法はありますか？

Question

要素のカスケードスタイル値（計算値ではない）を取得するか、実際の値が計算されたかどうかを判断する必要があります。

たとえば、CSSの規則がwidth: 100%の要素がある場合、実際のピクセル値ではなく値100%を取得したいのですが、実際の値が計算されたことを知りたいだけです。

elem.currentStyleを使用して取得できることがわかりました。また、document.defaultView.getMatchedCSSRules()を使用してChromeで検索する方法も見つかりました。

誰かが他のブラウザで入手する方法を知っていますか？

Answer 1

最適なルートは、この例では、CSSの引数は、CSSスタイルの文字列ではなく、キャメルケース文字列でなければなりませんjQueryの

$(element).css('width') // jquery has a single function that returns a consistent value no matter which browser is in use. 

Answer 2

//などのブラウザindepent APIライブラリを使用することです。

function deepCss(who, css, ps){ 
    var sty, dv= document.defaultView; 
    // IE8 and below 
    if(document.body.currentStyle){ 
     sty= css.replace(/\-([a-z])/g, function(a, b){ 
      return b.toUpperCase(); 
     }); 
     return who.currentStyle[sty]; 
    } 
    // everyone else 
    if(dv){ 
     dv= document.defaultView.getComputedStyle(who, ps); 
     return dv.getPropertyValue(css); 
    } 
    return ''; 
} 

deepCss（document.body、「背景色」）

Answer 3

この時点で私はIE以外のブラウザであることを行うには、組み込みの方法があるとは思わない：getComputedStyleあなたが言ったように、常にそれらのプロパティのために使用された値を返します。

Answer 4

自分で値を計算するのはどうですか？必要な要素の計算幅と親要素の計算幅を照会し、パーセンテージ値を得るために数式を実行しますか？