element.getboundingclientrect() example

Example 1: getboundingclientrect() javascript

var div = document.getElementById("myDiv");
  var rect = div.getBoundingClientRect();
  x = rect.left;
  y = rect.top;
  w = rect.width;
  h = rect.height;

Example 2: getBoundingClientRect

// Return the size of an element and its position relative to the viewport:

const rect = obj.getBoundingClientRect();
console.log(rect)