dom.style.left 與 dom.offsetLeft區別

看風景就發表於2015-08-01

dom.style.left    初始空值,必須在html行內樣式定義值才有值,在css樣式定義仍為空值
                         可讀寫,是字串,讀寫是必須加px,否則無效
                         js設定之後,有值

                         設定非整數值,會保持原樣,例如 style.left = 8.22px, 輸出style.left,仍然為8.22px

dom.offsetLeft  初始有值,只讀,不可寫,是數字

                         通過style.left設定的非整數值,會四捨五入,例如 style.left = 8.22px,屬性offsetLeft, 會為 8

                         包括 content,padding,border的完整盒子寬度,使用時要注意

轉換 dom.style.left = dom.offsetLeft + 'px'

 

style.top和offsetTop、style.width和offsetWidth、style.height和offsetHeight類似

相關文章