JavaScriptで外部CSSの値を取得する

JavaScriptで外部CSSで定義した値を参照する場合

var mystyle = element.style

ではなく

var mystyle;
if (document.defaultView && document.defaultView.getComputedStyle) {
    // firefox, opera
    mystyle = document.defaultView.getComputedStyle(element, '');
} else if (element.currentStyle) {
    // ie
    mystyle = element.currentStyle;
}

ってしないといけない。

恥ずかしながら今まで全然知らなかったけど、よく困らなかったなあ、自分。prototype.js には、Element.getStyle() というのがあるから、それを使えば良いのだけど、やっぱり基本原理みたいなものを押さえていないと気持ち悪いので。

詳細はこちらが、スゴイ詳しいです。amachang 氏、さすがの内容。

getComputedStyle について調べてたら深みにハマったのでメモ - IT戦記

このエントリーのトラックバックURL
http://www.deftrash.com/admin/mt4/mt-tb.cgi/463