使用Javascript設置基於其他DIV（方法）的相同DIV高度

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

我添加的代碼，遺憾的是在後沒有它。因此，圖片的高度比內容中的文字高。

來源

2014-05-05 JPDayz

爲了避免猜測，請包含您的html。 – collapsar

看起來不是問題，IE支持offsetHeight屬性。只要確保在div加載後運行JavaScript，否則樣式可能不會被應用，因爲在代碼運行時div不存在。例如在關閉正文標記之前加載腳本，或者將它們放入如下函數中：

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

來源

2014-05-05 16:43:12 Andrew

使用Javascript設置基於其他DIV（方法）的相同DIV高度

回答

相關問題