js-封裝絕對位置函式getPos()
<!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}">
<title></title>
<style>
div{padding:40px 50px;}
#div1{background: red;}
#div2{background: green;}
#div3{background: orange; position: relative;}
</style>
<script>
window.onload = function(){
var oDiv3 = document.getElementById('div3');
var p = getPos(oDiv3);
alert(p.left);
alert(p.top);
function getPos(obj){
var pos = {left:0,top:0};
while(obj){
pos.left += obj.offsetLeft;
pos.top += obj.offsetTop;
obj = obj.offsetParent;
}
return pos;
}
}
</script>
</head>
<body>
<div id="div1">
<div id="div2">
<div id="div3"></div>
</div>
</div>
</body>
</html>