誰可以告訴我style.left
和element.offsetLeft
有什麼不同,是不是相同?style.left和element.offsetLeft
6
A
回答
2
您可以設置style.left
- 它是用戶可定義的,甚至可以保持空白,而offsetLeft
始終爲只讀值,並始終有一個值 - 當前位置。
6
element.offsetLeft
返回當前元素的左上角向offsetParent節點內左側偏移的像素數。
elem.style.left
它的屬性被甩樣式屬性的
0
style
指的CSS規則,而另一人是指實際的元素的偏移量,相對於父,無論定位是通過CSS引起或別的東西,就像另一個物體,間距或任何其他物體。
0
style.left
距離視屏幕的左側定位,而element.offsetLeft
是從外父元素
1
element.offsetLeft
左偏移位置從節點到以像素爲單位的父節點的左邊緣返回的距離。
style.left
是該節點的CSS樣式,並且可以是任何這些格式: CSS Unit Formats
相關問題
- 1. style.top和style.left不工作
- 2. 如何獲得style.left
- 3. javascript style.left返回undefined?
- 4. Javascript style.left爲空字符串
- 5. 畫布圖像對象與style.left移動
- 6. 位置:絕對不是與style.top和style.left工作
- 7. 用腳本改變各種元素style.left和top?
- 8. 我無法更改段落的'style.left'屬性
- 9. 什麼是更正確的「setPosition」或「style.left/right」?
- 10. 爲什麼style.left不在Javascript中返回值?
- 11. Javascript - style.left將更新爲減法但不添加
- 12. 爲什麼Internet Explorer會在某些情況下自動調整div的style.left值?
- 13. css動畫完成後更改左值
- 14. 圖像不被隱藏
- 15. body onload在Javascript中不起作用
- 16. 使用javascript分配值優化動畫
- 17. 在for循環中使用setTimeout
- 18. 單頁傳送帶樣式幻燈片網站:瀏覽到上一張幻燈片,在瀏覽器後退按鈕上,沒有默認幻燈片?
- 19. 按下按鍵時,爲什麼此javascript不移動框?正如所料?
- 20. 切換按鈕和圖像切換
- 21. JavaScript SetInterval()單擊後不工作
- 22. 在移動瀏覽器中將浮點數轉換爲無窮大
- 23. 「if」語句參數未按預期運行。 JavaScript
- 24. Javascript:爲什麼我無法讀取'object.style.left'和'object.style.top'值?
- 25. JS觸發keydown事件
- 26. 如何點擊phantomjs 2.0.0中的<a>標籤?
- 27. 在IE6上的最佳性能的Javascript用於查找頂部和左側使用offsetTop和offsetLeft
- 28. 移動元素的javascript函數正在訪問比它應該更多的元素。
- 29. object.style.transform =「translateX(value)」;不起作用
- 30. 環路我的功能,但不能做正確
所以,element.style.left = element.offsetLeft + element.parentNode.offsetLeft? – user2155362
@ user2155362這是正確的。見[fiddle](http://jsfiddle.net/pVGdc/9/)。請記住offsetLeft是隻讀值。 – cube
錯誤:style.left默認沒有任何內容,因爲'position'是'static'。它通過'position:relative'相對於靜態位置變得相對於'position:fixed'相對於視口的靜態位置,並且相對於下一個由'position:absolute'偏移父對象。所以offsetLeft應該是它的相對位置,加上(這是一個猜測)邊距和變換。 – brannigan