Prototype-element-cumulativeoffset
提供:Dev Guides
プロトタイプ-cumulativeOffset()メソッド
このメソッドは、ドキュメントの左上隅からの要素のオフセットを返します。
このメソッドは、要素のoffsetLeftとoffsetTopを保持する配列を返します。
すべての値はピクセルとして表されますが、数値として返されることに注意してください。
構文
element.cumulativeOffset();
戻り値
2つの数値の配列[左にオフセット、上にオフセット]。
例
<html>
<head>
<title>Prototype examples</title>
<script type = "text/javascript" src = "/javascript/prototype.js"></script>
<script>
function getOffset() {
var firstElement = $('firstDiv');
var arr = firstElement.cumulativeOffset();
alert ( "Offset Left: " +arr[0]+ " Offset Top : " +arr[0] );
}
</script>
</head>
<body>
<p>Click getOffset button to see the result.</p>
<div id = "firstDiv">
<p>This is first paragraph</p>
</div>
<br/>
<input type ="button" value = "getOffset" onclick = "getOffset();"/>
</body>
</html>