marginLeftを取得したいです

Question

Window.getComputedStyle()を使って、要素のmargin leftを取得しようとしています。

    var wrap=document.querySelector('#stage');
    var style = window.getComputedStyle(wrap);
    var margin=style.getPropertyValue('margin-left')

ただ、ここで取得できるマージンレフトは、「スタイルシートで計算された後の値」ということで
私が取得したい値とは少し違っています。

上記のコードでコンソールログを撮った結果が下記です。
①var marginの値：227px

②ログで出てきたvar styleの一覧にあるmarginLeftの値：310.328px

本来は②の数値を取得したいのですが、どうすれば取得できるでしょうか。
また、どうしてこのようなことが起こるのでしょうか？
初歩的な質問ですが、ご教授いただけますと幸いです。
よろしくお願いします。

※検証環境はMacのChromeです。

Answer 1

オブジェクトのプロパティですよね。

 console.log(style.marginLeft);

Comments

[kittycut]

ありがとうございます!
style.marginLeftで試してみたところ、取得できたのは227px（①の計算されたマージン）でした。。。

2枚目の画像にあるようなwindow.getComputedStyle()で取得できているマージンレフトを取得したいのですが。。。

[m.ts10806]

私のほうはオブジェクト内の情報が取れてます。
ただ、実際のHTML、CSSを提示されたほうが良いかと思います。
現象再現できるものでないと何とも言えません。

[kittycut]

言われてみて、他のコードで試したところ確かに、取得できていました。
window.getComputedStyle()が問題ではなかったようです。
コメントありがとうございました！

[m.ts10806]

あれから幾つか別のプロパティで試してみたのですが、
「そういう仕様」かもしれませんね。
getPropertyValueとプロパティ直接参照では同じ値（おっしゃっている「計算された値」）でした。