Javascriptでstyle.leftが値を返さないのはなぜですか？

Question

divの左座標をチェックしようとしていますが、値が返されていません。 alert（）の左の値をチェックしようとすると、空白が表示されます。手伝ってくれますか？？

ブラウザは、Firefox 8.0おそらく

Answer 1

これは、CSSプロパティleftのみを提供します。実際の座標を取得する場合は、getClientRectsを使用してください。

var rects = document.getElementById("#myDiv").getClientRects(); //This returns a set of rectangles representing the element 
var rect = rects[0]; //There is usually only 1 rectangle 
alert(rect.left); 

デバッグにはalertを使用しないでください。それはconsole.logのためです。 Firebugがインストールされている場合は、ChromeのコンソールまたはFirefoxで出力を確認できます。 alertは、特定のものをフォーマットするので間違っている可能性があります。それはまた、はるかに迷惑な使用しています。

Answer 2

あなたがstyle.leftを設定したり、style属性にCSS leftプロパティを設定していないためです。

element.styleは、style属性に直接マップします。それは計算されたスタイルを与えるものではありません。

getComputedStyleを参照してください。 CSS leftプロパティの値とは対照的に、左の位置を表示する場合は、offsetLeftを参照してください。

Answer 3

あなたはCSSの値を設定し、インラインスタイル属性を使用しないためだと思います。 getComputedStyle()