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






Bounding Client Rect 'top' 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 'left' Example
3.Bounding Client Rect 'right' Example