javascript - プレーンなJavaScriptだけでcssマージン値をピクセルに変換する方法は？

Question

html要素のcssマージン値を絶対ピクセルに変換する最も簡単でクロスブラウザの方法を探しています。たとえば、マージンが「自動」であるとします。jsフレームワークが使えません。

Answer 1

window.getComputedStyle次の方法を使用します。

var style = window.getComputedStyle(element, null);
// style.marginLeft

動作するデモは次のとおりです：http：//jsfiddle.net/VxccZ/

アップデート

IE 8以前（このメソッドをサポートしていない）の場合はcurrentStyle、要素のプロパティを使用します。

var style = element.currentStyle;
// style.marginLeft

要約する：

var getMarginLeft = function (element) {
  var style;
  if (window.getComputedStyle) { style = window.getComputedStyle(element, null); }
  else { style = element.currentStyle; }

  return style.marginLeft;
};

currentStyleの数値が特徴であるかどうかは100％わかりませんmargin: auto。自分で試してみる必要があります。Macでは自分ではできません。