如何獲取當前的left top 值

2021-08-27 08:10:33 字數 513 閱讀 4279

在用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屬性值。

第四種方法,obj.clienttop   

如何獲取當前索引值

在用gridview控制項時,我們經常會碰到獲取當前行的索引,通過索引進行許多操作。例如,可以獲得當前行某乙個控制項元素 設定某一元素的值等等。下面結合例項介紹幾種獲得gridview當前行索引值的方法。例項 目的 獲取gridview中rowcommand的當前索引行。前台頁面 在gridview...

GridView 如何獲取當前行的索引值

在用gridview控制項時,我們經常會碰到獲取當前行的索引,通過索引進行許多操作。例如,可以獲得當前行某乙個控制項元素 設定某一元素的值等等。下面結合例項介紹幾種獲得gridview當前行索引值的方法。例項 目的 獲取gridview中rowcommand的當前索引行。前台頁面 在gridview...

獲取當前vue物件 Vue檔案如何獲取當前例項?

1.首先你已經用了vue,那麼你就應該上es6的寫法,2.你的data寫的有問題,data裡面放上了方法怎麼能拿到this,你可以考慮換乙個外掛程式 3.如果你真要這麼做的話 如下實現 export default name calendar data let this this return mo...