使用JavaScript根據其他DIV設置相同的DIV高度（方法）

Question

我對Java語言一無所知，但是使用一些我在搜索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*/ }