getBoundingClientRect

by Venkata Sai Vamsi Penupothu

HTML

<span>asdas</span><br>
<input id="brTest" type="button" value="Show button.getBoundingClientRect()" onclick='showRect(this)'/>
<script>
function showRect(elem) {
  var r = elem.getBoundingClientRect()
  console.log("Top/Left: "+r.top+" / "+r.left)
  console.log("Right/Bottom: "+r.right+" / "+r.bottom)
  console.log("height "+r.height)
}
</script>