使用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 = 0

let 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'