DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript技巧 >> 原生js獲取left值和top值的三種方法
原生js獲取left值和top值的三種方法
編輯:JavaScript技巧     

在用js做動態效果時,通常需要獲取元素絕對定位中的left和top屬性值。比如做一個碰撞廣告,就要不停的獲取元素的top和left屬性值。

需要注意的事:取值的元素必須要設置position:absolute絕對定位屬性,才能取的到left值。

第一種方法,比較簡單,就是直接通過obj.style.left和obj.style.top,但是有局限性,這種獲取的方法只能獲取到行內樣式的left和top的屬性值,不能獲取到style標簽和link 外部引用的left和top屬性值。

第二種方法 只讀,可以獲取所有style樣式,存在兼容性問題,在標准浏覽器中可以通過window.getComputedStyle(對象,null).left方法來獲取元素的left和top的屬性值。而在IE浏覽器上則是采用obj.currentStyle.left方法來獲取屬性值。

第三種方法,使用obj.offsetLeft來獲取對象的left屬性值,用obj.offsetTop來獲取對象的top屬性值。

以上這篇原生js獲取left值和top值的三種方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved