div中offsetLeft與style.left的區別

來源：懂視網責編：小采時間：2020-11-27 15:34:04

div中offsetLeft與style.left的區別

div中offsetLeft與style.left的區別:clientX 事件屬性返回當事件被觸發時鼠標指針向對于瀏覽器頁面（或客戶區）的水平坐標。客戶區指的是當前窗口。如果父p的position定義為relative,子p的position定義為absolute，那么子p的style.left的值是相對于父p的值，這同offsetLeft是相同的，

推薦度：

點擊下載本文 文檔為doc格式

導讀div中offsetLeft與style.left的區別:clientX 事件屬性返回當事件被觸發時鼠標指針向對于瀏覽器頁面（或客戶區）的水平坐標。客戶區指的是當前窗口。如果父p的position定義為relative,子p的position定義為absolute，那么子p的style.left的值是相對于父p的值，這同offsetLeft是相同的，

clientX 事件屬性返回當事件被觸發時鼠標指針向對于瀏覽器頁面（或客戶區）的水平坐標。

客戶區指的是當前窗口。

如果父p的position定義為relative,子p的position定義為absolute，那么子p的style.left的值是相對于父p的值，這同offsetLeft是相同的，區別在于：

1. style.left 返回的是字符串，如28px，offsetLeft返回的是數值28，如果需要對取得的值進行計算，還用offsetLeft比較方便。

2. style.left是讀寫的，offsetLeft是只讀的，所以要改變p的位置，只能修改style.left。

3. style.left的值需要事先定義，否則取到的值為空。而且必須要定義在html里，我做過試驗，如果定義在css里，style.left的值仍然為空，這就是我剛開始碰到的問題，總是取不到style.left的值。offsetLeft則仍然能夠取到，無需事先定義p的位置。