このメソッドは、最も近い位置にある祖先に対するelement.sオフセットを返します。 これは、静的位置の要素に到達するまで、要素とそのすべての親の累積_offsetLeft_および_offsetTop_を計算します。
注-すべての値はピクセルで表されますが、数値としてのみ返されることに注意してください。
element.positionedOffset();最も近い位置にある祖先に対する要素のオフセットを返します。
<html>
<head>
<title>Prototype examples</title>
<script type = "text/javascript" src = "/javascript/prototype.js"></script>
<script>
function showResult() {
var arr = $('container2').positionedOffset();
alert("offsetLeft : " + arr[0] );
alert("offsetTop : " + arr[1] );
}
</script>
</head>
<body>
<p>Click the button to see the result.</p>
<br/>
<div id = "container1">
<div id = "element"
style = "position:absolute; top: 30px; left: 20px;
border:1px solid red;">
This is the first Element Box
</div>
</div>
<div id = "container2">
<div id = "element"
style = "top: 30px; left: 20px;
border:1px solid red;">
This is the second Element Box
</div>
</div>
<br/>
<input type = "button" value = "Click" onclick = "showResult();"/>
</body>
</html>