javascript獲取元素偏移量的方法有哪些
更新時(shí)間：2014年06月24日 18:00:42 投稿：whsnow
javascript中可以通過(guò)四個(gè)屬性獲得元素的偏移量，offsetHeight、offsetWidth、offsetLeft、offsetTop，下面為大家解釋下各屬性的含義
通過(guò)四個(gè)屬性可以獲得元素的偏移量：
1、offsetHeight: 元素在垂直方向上占用的空間的大小，（像素）。包括元素的高度，（可見(jiàn)的）水平滾動(dòng)條的高度，上邊框高度和下邊框高度。
2、offsetWidth:元素在水平方向上占用的空間的大小，，（像素）。包括元素的寬度，（可見(jiàn)的）垂直滾動(dòng)條的高度，左邊框高度和右邊框高度。
3、offsetLeft: 元素的左外邊框至包含元素的左內(nèi)邊框之間的像素距離；
3、offsetTop: 元素的上外邊框至包含元素的上內(nèi)邊框之間的像素距離；
相關(guān)文章
js 分頁(yè)全選或反選標(biāo)識(shí)實(shí)現(xiàn)代碼
分頁(yè)全選或反選標(biāo)識(shí) 對(duì)多選按鈕操作。 批量全選添加、批量移除。 行單選添加、移除。 分頁(yè)之后(全選或不選)狀態(tài)標(biāo)識(shí)依然存在2011-08-08
本文主要分享了js封裝一個(gè)tab切換效果的示例代碼，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
這篇文章主要是用js實(shí)現(xiàn)拾色器效果，來(lái)自國(guó)外的網(wǎng)站，喜歡的朋友可以參考下2013-08-08
JS實(shí)現(xiàn)Cookie讀、寫(xiě)、刪除操作工具類(lèi)示例
這篇文章主要介紹了JS實(shí)現(xiàn)Cookie讀、寫(xiě)、刪除操作工具類(lèi),涉及javascript針對(duì)cookie的讀、寫(xiě)、刪除、清空等相關(guān)操作實(shí)現(xiàn)技巧,并附帶了簡(jiǎn)單cookie操作插件供大家參考,需要的朋友可以參考下2018-08-08
情人節(jié)專(zhuān)屬 純js腳本1k大小的3D玫瑰效果
用代碼做出的玫瑰花，這才是牛逼程序員送給女友的最好情人節(jié)禮物呢2012-02-02
JS實(shí)現(xiàn)快速的導(dǎo)航下拉菜單動(dòng)畫(huà)效果附源碼下載
本文給大家分享一個(gè)帶有變形動(dòng)畫(huà)特效的下拉導(dǎo)航菜單特效，該導(dǎo)航菜單在菜單項(xiàng)之間切換時(shí)，下拉菜單會(huì)快速的根據(jù)菜單內(nèi)容的大小來(lái)動(dòng)態(tài)變形，顯示合適的下拉菜單大小，效果非常棒。對(duì)導(dǎo)航下拉菜單代碼感興趣的朋友可以參考下本文2016-11-11
基于JS+HTML實(shí)現(xiàn)彈窗提示是否確認(rèn)提交功能
這篇文章主要介紹了基于JS+HTML實(shí)現(xiàn)彈窗提示是否確認(rèn)提交功能,需要的朋友可以參考下2020-06-06
JavaScript電話號(hào)碼格式化的多種實(shí)現(xiàn)方式
本文希望通過(guò)一道簡(jiǎn)單的題目,讓剛接觸JavaScript的新手們了解一個(gè)合格的前端程序員需要具備哪些素質(zhì),文章給大家介紹了JavaScript電話號(hào)碼格式化的多種實(shí)現(xiàn)方式,感興趣的小伙伴跟著小編一起來(lái)看看吧2024-11-11
javascript實(shí)現(xiàn)拖拽碰撞檢測(cè)
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)拖拽碰撞檢測(cè),碰撞改變顏色，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要介紹了javascript高級(jí)定時(shí)器，針對(duì)javascript的代碼隊(duì)列進(jìn)行詳細(xì)解析，感興趣的小伙伴們可以參考一下2015-12-12