Javascript 如何计算HTML DOM中td元素的大小/当前显示分辨率顶部和底部位置之间的空间？

如何使用JQuery框架或Java脚本计算HTML DOM中当前显示分辨率顶部和td元素底部位置之间的大小/空间

A具有灵活的显示分辨率，在我的HTMLDOM中有一个特定的html标记（在当前情况下是“td”标记）

现在，计算当前显示分辨率顶部到htmls元素的大小对我来说很重要

---

我怎么计算呢？

可能是这样的

var elementOffset = $('#element').offset().top+$('#element').height();

offset（）。top是窗口顶部和元素顶部之间的距离，单位为px。

---

在本例中，您需要窗口顶部和元素底部之间的距离，因此必须将该元素的高度添加到偏移量（）.top。

使用.getBoundingClientRect如何

var div = document.getElementById('test'),
  rect = div.getBoundingClientRect();
console.log(rect.bottom);

在演示中，我只是打印出td元素中的底部位置。如果需要在调整窗口大小时重新设置，可以使用一个简单的事件侦听器启动该函数（即

window.addEventListener（'resize'，someFunction）

…）

---

不过，要小心-不要过度使用客户端rect或offset函数（与频繁事件等无关）-它们对于布局来说是昂贵的函数。

您知道如何找到元素的位置吗？在您的情况下#element=td