Question

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

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

这样做是从ID为DIV2的div获取高度，并在div上设置id为DIV1的高度。

（我没有设置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*/ }

使用Javascript根据其他DIV设置相同的DIV高度（方法）

1 个答案: