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的位置。