生活随笔
收集整理的這篇文章主要介紹了
2020-3-29
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
題目一：
JavaScript 獲取div在頁面中坐標
以div為例，獲取一個元素在頁面中的位置。
代碼和
<!DOCTYPE html
>
<html
>
<head
>
<meta charset
=" utf-8">
<style type
="text/css">
*{padding
:0px
;margin
:0px
;
}
#thediv
{width
:100px
;height
:125px
;margin
:200px
;background
:green
;text
-align
:center
;font
-size
:12px
;line
-height
:125px
;
}
</style
>
<script type
="text/javascript">
function getIE(e
,show
){var t
=e
.offsetTop
;var l
=e
.offsetLeft
;while(e
=e
.offsetParent
){t
+=e
.offsetTop
;l
+=e
.offsetLeft
;}show
.innerHTML
="top="+t
+"/nleft="+l
;}
window
.onload=function(){var odiv
=document
.getElementById("thediv");var oshow
=document
.getElementById("show");getIE(odiv
,oshow
)
}
</script
>
</head
>
<body
>
<div id
="show">測試
</div
>
<div id
="thediv">測試
</div
>
</body
>
</html
>
相關知識：
（1）.offsetTop屬性參閱JavaScript offsetTop。
（2）.offsetParent屬性參閱JavaScript offsetParent。
總結
以上是生活随笔為你收集整理的2020-3-29的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
