Mega Code Archive

 
Categories / JavaScript DHTML / Style Layout
 

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>