首页 > 解决方案 > 复制 div 高度并使用 Javascript 将其应用到另一个 div

问题描述

<div class="thisOne">
</div>

<div class="thisHeight">
</div>

我想复制 thisHeight div 的高度并将其应用到 thisOne div,因此这两个 div 将始终具有相同的高度。

标签: javascripthtmlcssweb

解决方案


  1. 找到那个元素
  2. 得到它的偏移高度
  3. 找到另一个元素
  4. 设置它的高度
const elem = document.querySelector(`.thisHeight`);
const elemHeight = elem.offsetHeight;
const secondElem = document.querySelector(`.thisOne `);
secondElem.style.height = elemHeight;

推荐阅读