Prototype-element-positionedoffset

提供:Dev Guides
移動先:案内検索

プロトタイプ-locatedOffset()メソッド

このメソッドは、最も近い位置にある祖先に対する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>

出力