Bounding Client Rect 'left' Example : Bounding Client « Style Layout « JavaScript DHTML






  1. JavaScript DHTML
  2. Style Layout
  3. Bounding Client

Bounding Client Rect 'left' Example

 <html> <body> <p id="myP" style="background-color:black; color:white; width:200;"> This is some sample text. </p> <button onclick="alert(myP.getBoundingClientRect().bottom);">Bottom</button> <button onclick="alert(myP.getBoundingClientRect().top);">Top</button> <button onclick="alert(myP.getBoundingClientRect().left);">Left</button> <button onclick="alert(myP.getBoundingClientRect().right);">Right</button> </body> </html>








Related examples in the same category

1.Bounding Client Rect 'bottom'
2.Bounding Client Rect 'top' Example
3.Bounding Client Rect 'right' Example
close