如何更改div的高度與其他div的內容

Question

我的網站頁面中有兩個div，一個在另一個旁邊（一個左側和一個右側），我想要改變左側的高度，其內容爲正確的使用JavaScript

我試圖有權div的動態高度：

function getHeight() { 
    var doc = document.getElementById('div.right'); 

    if (document.all) // ok I.E 
    { 
     H = doc.currentStyle.height; 
    } 
    else // ok FF 
    { 
     H = document.defaultView.getComputedStyle(doc, null).height; 
    } 
}​ 

但我停在這裏，因爲我不知道怎麼的JavaScript變量傳遞給我的風格CSS的網頁，我的意思是我不知道如何將這個值自動應用於同一頁面中的其他div（左div）。

任何想法？

Answer 1

只是爲了幫助人們，我發現大的代碼來改變兩個高度div自動使用一點Jquery：

<script type='text/javascript'> 
    $(window).load(function(){ 
    var lh = $('#div.right').height(); 
    var rh = $('#div.left').height(); 
    if (lh >= rh){ 
    //alert('left : ' + lh); 
    $('#div.left').height(lh); 
    } else { 
    //alert('right : ' + rh); 
    $('#div.right').height(rh); 
    }; 
    }); 
    </script> 

它適用於所有導航器。

Answer 2

只需使用

document.getElementById('div.left').style.height = H; 

編輯

1. AFAIK你不能從JavaScript
2. 修改外部樣式表是爲送達時確定的div的高度，裝載或或文檔加載後的任意時間？

我上面提出的代碼是這樣使用（我假設你的IE瀏覽器的代碼是正確的）

function getHeight() { 
    var doc = document.getElementById('div.right'); 
    if (document.all) // ok I.E 
    { 
     H = doc.currentStyle.height; 
    } 
    else // ok FF 
    { 
     H = document.defaultView.getComputedStyle(doc, null).height; 
    } 
    document.getElementById('div.left').style.height = H;//✔ 
}