More than 1 year has passed since last update.

【JS】要素の位置を取得する

Posted at 2024-03-29

はじめに

jQueryで要素の座標を取得するのにoffsetという便利なメソッドがあるが、jQueryが使えない環境でJSだけで座標を取得する方法を調べた。

getBoundingClientRectは要素の座標を取得できる。

getBoundingClientRect().top;
getBoundingClientRect().bottom;
getBoundingClientRect().left;
getBoundingClientRect().right;