获取div使用的所有坐标

Question

我想知道<div>使用所有坐标的最佳方法是什么。你可以这样做，但这只会给你<div>的左上角坐标。

var element = document.getElementById('some-id');
var position = element.getBoundingClientRect();
var x = position.left;
var y = position.top;

Answer 1

只需将宽度添加到x以找到正确的位置，并将高度添加到y以找到底部位置：

var left = position.left,
    top = position.top,
    right = left + element.clientWidth,
    bottom = top + element.clientHeight;