如何通过 JS 获取 div 的高度并将该高度分配给另一个 div？答案

【问题标题】：How can i get via JS the height of a div and assign that height to another div?如何通过 JS 获取 div 的高度并将该高度分配给另一个 div？
【发布时间】：2015-11-30 22:31:01
【问题描述】：

标题差不多。我已经在 stackoverflow 上尝试了所有方法，但没有任何结果

对不起，我还是 stackoverflow 的新手，不知道如何正确提出问题并正确格式化。这是我尝试过的代码

var firstDivHeight= document.getElementById('#div1').clientHeight; document.getElementById("#div2").style.height = firstDivHeight;

【问题讨论】：

你能展示一下你试过的东西吗？
window.getComputedStyle()
显示一些您正在使用的 HTML、JS 和 CSS 也会很有帮助
请更清楚您的要求，添加您尝试过的代码。
“我已经在 stackoverflow 上尝试了所有方法，但没有任何结果” - 我高度对此表示怀疑。这不是一个新问题，请告诉我们您尝试了什么。

标签： javascript html height

【解决方案1】：

计算第一个div的高度，然后赋值给第二个div

var firstDivHeight= document.getElementById('first_div_id').clientHeight;
document.getElementById("second_div_id").style.height = firstDivHeight;

【讨论】：

【解决方案2】：

我更喜欢使用 jQuery 但在 Javascript 中应该是这样的

var Height = document.getElementById('myDiv').offsetHeight;
var Width = document.getElementById('myDiv').offsetWidth;
var otherdiv=document.getElementById('otherDiv');
otherdiv.style.height=Height+'px';
otherdiv.style.width=Width+'px';
document.write('Height:'+Height+'px');
document.write('Width:'+Width+'px');

<div id="myDiv" style="width:80%;height:70px; background:green">Bla</div>
<div id="otherDiv" style="background:red">ble</div>

文档

【讨论】：