offsetLeft與style.left區別 - xiaominwu－IT工程師數位筆記本

文章出處

在javascript中經常遇到style.left和offsetLeft，那么它們有什么區別呢？今天我們來分析下

offsetLeft：獲取當前元素相對于父元素的左側偏移量，比如該元素設置為relative;left: -10px;那么它的offsetLeft返回值是-10，而它的style.left還是為空，因為style.left只有行內設置的樣式才有效；

style.left：獲取當前元素的行內樣式的值；

區別在于：

1. style.left 返回的是字符串，如28px，offsetLeft返回的是數值28

，如果需要對取得的值進行計算，還用offsetLeft比較方便。

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

3. style.left的值需要事先定義并且定義在標簽的行內，否則取到的值為空。如果定義在css里，style.left的值仍然為空。offsetLeft則仍然能夠取到，無需事先定義div的位置。

Avast 防毒軟體已檢查此封電子郵件的病毒。
www.avast.com

大師兄

IT工程師數位筆記本

大師兄發表在痞客邦留言(0) 人氣()

E-mail轉寄

IT工程師數位筆記本