javascript - 使用Javascript根据其他DIV(方法)设置相同的DIV高度

Question

我不了解 Javascript，但是使用我在搜索 stackoverflow 时发现的一些相关内容，我想出了一个代码来使 2 个 div 具有相同的高度。我不知道这是否以前发布过，但由于我没有找到它，我想知道使用这个跨浏览器而不是基于 CSS 的答案是否存在问题。

document.getElementById('DIV1').style.height = document.getElementById('DIV2').offsetHeight + "px";

它的作用是从 ID 为 DIV2 的 div 获取高度，并将该高度设置在 ID 为 DIV1 的 div 上。

(我没有设置 vars 因为我认为对于这个简单的代码没有必要)

那么，使用这个有什么问题吗？

编辑:

<div class="row">
 <div class="col-xs-12 col-lg-8">
   <div id="DIV2">
      [image]
   </div>
 </div>
 <div class="col-xs-12 col-lg-4 text-center">
  <div id="DIV1" class="panel panel-primary">
   <div class="panel-body">
      [content]
   </div>
  </div>
 </div>
</div>

我添加了代码，很抱歉没有在第一篇文章中出现。因此图像的高度大于内容中的文本。

Answer 1

看起来不是问题，IE 支持 offsetHeight 属性。只需确保在加载 div 后运行 JavaScript，否则样式可能不会应用，因为代码运行时 div 不存在。例如在结束 body 标记之前加载脚本，或者将它们放在这样的函数中:

window.onload = function() {  /*code here*/ }