已解決430363個問題，去搜搜看，總會有你想問的

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

首頁猿問使用JS設置div的高度以匹配另一...

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

JavaScript

慕斯709654 2023-07-14 09:36:03

我需要設置Div X的高度以匹配Div N的底部。約束：這些容器不是嵌套的，也不能嵌套，因此 HTML/CSS 解決方案將不適用。Div X高度必須使用 JS 設置。一種有效的方法是將所有Div 1 到 Div N項目的高度相加，然后設置Div X的高度。--問題：我正在尋找替代解決方案。也許像這樣的瀏覽器 APIgetBoundingClientRect可以工作，但我不確定如何實現?；蛘哂衅渌麨g覽器API嗎？

查看完整描述

1 回答

qq_花開花謝_0

TA貢獻1835條經驗獲得超7個贊

這個怎么樣？

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'

反對回復 2023-07-14

1 回答
0 關注
132 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

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

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

1 回答

添加回答