首页 > 技术文章 > 获取html元素top和left的值

forever-star 2015-08-10 14:29 原文

前提:元素需要用到定位。absolute或relative

html:

<div id="mydiv" style="position:absolute;top:100px;left:50px;">
    mydiv
</div>

JS:

document.getElementById("mydiv").offsetTop + document.body.scrollTop //top
document.getElementById("mydiv").offsetLeft //left

有时会和窗口大小改变连在一起用,顺便写下:

window.onresize=function(){
    //do something
}    

 

推荐阅读