Question

How to get the position ((Y) top, right, bottom, (X) left) of an HTML element in JavaScript

Answer 1

// <div id="divid">DIV</div>

const rect = divid.getBoundingClientRect();

// (Y) top, (X + width) right, (Y + height) bottom, (X) left 

console.log(rect.top, rect.right, rect.bottom, rect.left);


/*
run:

267.5
493.6999816894531
288.5
468.29998779296875

*/

 

70+ SQL courses for beginners and professionals