爲什麼style.left不在Javascript中返回值？

我想檢查一個div的左邊座標，但它沒有返回任何值。當我嘗試檢查alert（）中的左側值時，它顯示爲空白。你能幫我嗎？？爲什麼style.left不在Javascript中返回值？

瀏覽器是火狐8.0

2012-04-02 Sidharth Panwar

發佈您的html和javascript。 – jbabey 2012-04-02 14:27:03

這隻會給你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可能會誤導，因爲它會格式化某些內容。這也是一個更煩人的使用。

來源

2012-04-02 14:29:14

偉大的工作。拯救生命！ :) – 2012-04-02 15:29:56

大概是因爲你沒有設置style.left或style屬性設置CSS left屬性。

element.style直接映射到style屬性。它不會給你計算風格。

請參閱getComputedStyle。如果要查看左側位置，而不是CSS left屬性的值，請參閱offsetLeft。

來源

2012-04-02 14:29:10 Quentin

我認爲這是因爲你在CSS中設置了該值，而沒有使用內聯樣式屬性。您應該使用getComputedStyle()

來源

2012-04-02 14:30:49

哇，我從來沒有聽說過。很酷。 – 2012-04-02 14:31:34

爲什麼style.left不在Javascript中返回值？

回答

相關問題