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>

出力