如何获得div的右下角？

Question

我有一个固定宽度和高度的div，我想知道其右下角，以便可以将其用于另一个div的顶部和左侧

基本上就是下图中标记点的坐标

我试图达到最低= rect.top + rect.height;     右=矩形顶部+矩形高度; 我不认为以上是正确的。有人可以帮我得到div。的右下角。

Answer 1

botRightX =矩形左+矩形宽度

botRightY =矩形顶部+矩形高度

Answer 2

您可以使用.offsetHeight和.offsetWidth属性来获取第一格的高度和宽度。像这样：

var height = document.getElementById('yourDivId').offsetHeight;

和

var width = document.getElementById('yourDivId').offsetWidth;

Answer 3

您应该使用getBoundingClientRect。此函数返回元素的大小及其相对于视口的位置。

document.getElementById('foo').getBoundingClientRect();
// =>  {
//       top: Number,
//       left: Number,
//       right: Number,
//       bottom: Number,
//       x: Number,
//       y: Number,
//       width: Number,
//       height: Number,
//     } 

我认为您可以从那里进行一些简单的数学运算以获得右下角。

链接：https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect

Answer 4

const boundingRect = div.getBoundingClientRect();

const bottom = div.bottom - div.top;
const right = div.right - div.left;

假设div是您要定位的元素。