Question

我想使用javascript来获取响应div的高度，并在另一个div中使用输出。但我对javascript一点都不好......

到目前为止，我已经提出：

<script language="JavaScript">
var offsetHeight = document.getElementById("myDiv").offsetHeight;
var curr_width = parseInt(offsetHeight.style.height); 
offsetHeight.style.height = (offsetHeight);
</script>

<div id="mydiv"></div>
<div id="offsetHeight" style="top:0px"></div>

所以我想要的是，当我调整文档大小时，mydiv的高度用于style="top"值......

任何可以帮助我的人？太棒了！

Answer 1

您必须小心上/下字母（mydiv - ＆gt; myDiv）
您需要添加px来设置元素的高度

var offsetHeight = document.getElementById("mydiv").offsetHeight;
document.getElementById("offsetHeight").style.height = offsetHeight + 'px';

#mydiv {
  background:red;
  height:150px;
}

#offsetHeight {
  background:green;  
}

<div id="mydiv"></div>
<div id="offsetHeight" style="top:0px"></div>

重要脚本代码应该在</body>之前，或者用听众DOMContentLoaded

Answer 2

尝试使用以下代码，它可以帮助您

＆＃13;

var mydivHeight = document.getElementById("mydiv").offsetHeight;
document.getElementById("offsetHeight").style.height = mydivHeight + 'px';

＆＃13;

<div id="mydiv">mydiv</div>
<div id="offsetHeight" style="top:0px"></div>

＆＃13;

Answer 3

使用Jquery并加载文档。在

中写下你的逻辑

$(document).ready(function(){
  //code here    
});

在这里回答：https://jsfiddle.net/deepak1197/04wg05a6/

javascript：获取div的高度并在其他div中使用它

3 个答案: