IEで width: "3em", width: "auto" から px単位の値を取得する - latest log

document.defaultView.getComputedStyle() は、計算済みのスタイル(最終的に描画で使用されるスタイル値)を取得するメソッドです。 いつものことですが、IEにはgetComputedStyle()が実装されていないため、element.currentStyle から同様の情報を取得します。 getComputedStyle() は width: "3em" を width: "48px" に変換してくれるのですが、 currentStyle は、(残念ながら)pxに単位を変換してくれないので、style="width: 3em, top: 3%, height: auto" が、 "3em", "3%", "auto" と、そのまま返ってきます。 そこで、currentStyle から取得した単位付の文字列から、pixel単位の数値を取得するには以下のよう

[teppeis]

"runtimeStyleは CSSでいうところの!importantと考えることができます"