Hellow everyone.

Today I going to talk about one an interesting method of the Web API Element, this method is called getBoundingClientRect.

This method help us when We want get DOM Element’s coordinates and rectangular area like top, bottom, left, right, width and height.

See my example:

The getBoundingClientRect returns an live object containing bottom, height, left, right, top, width relative of the viewport.