使用JS设置div的高度以匹配另一个div的底部位置

Question

我需要设置Div X的高度以匹配Div N的底部。约束：这些容器不是嵌套的，也不能嵌套，因此 HTML/CSS 解决方案将不适用。Div X高度必须使用 JS 设置。

一种有效的方法是将所有Div 1 到 Div N项目的高度相加，然后设置Div X的高度。

--

问题：

我正在寻找替代解决方案。也许像这样的浏览器 APIgetBoundingClientRect可以工作，但我不确定如何实现。

或者有其他浏览器API吗？

Answer 1

这个怎么样？let height = 0let node = document.querySelector('DIV_N')while(true) {    height += node.getBoundingClientRect().height    if (node.classList.contains('DIV_1')) break    node = node.previousSibling}document.querySelector('.DIV_X').style.height = height + 'px'