2014-05-05 32 views
0

我对JavaScript没有任何知识,但使用了一些相关的东西,我在搜索时找到了stackoverflow我想出了一个代码,使2个div的高度相同。我不知道这是否发布之前,但因为我没有找到它,我想知道是否有使用这种跨浏览器的问题,而不是基于CSS的答案。使用Javascript设置基于其他DIV(方法)的相同DIV高度

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

这是做什么从一个div的高度从ID DIV2和设置高度div与ID DIV1。

(我没有设置增值经销商,因为我认为它没有必要为这个简单的代码)

那么,有没有用这个什么问题吗?

编辑:

<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> 

我添加的代码,遗憾的是在后没有它。 因此,图片的高度比内容中的文字高。

+0

为了避免猜测,请包含您的html。 – collapsar

回答

1

看起来不是问题,IE支持offsetHeight属性。只要确保在div加载后运行JavaScript,否则样式可能不会被应用,因为在代码运行时div不存在。例如在关闭正文标记之前加载脚本,或者将它们放入如下函数中:

window.onload = function() { /*code here*/ } 
相关问题