Как получить/установить Div и ширину таблицы/высоту

Question

У меня есть таблица (или область) и вы хотите установить ее значение Ширина и Высота в другое Div (или область).

Второй на самом деле является модальным индикатором Ajax, отображающим загружаемый текст, когда страница асинхронно отправляется обратно. вот пример

<table id="MainTable"> 
    <tr> 
     <td> 
      Content .... 
     </td> 
    </tr> 
</table> 

<div id="Progress"> 
    Ajax Indocator 
</div> 

следующий Javascript не работает

document.getElementById("Progress").style.width = document.getElementById("MainTable").style.width; 
document.getElementById("Progress").style.height = document.getElementById("MainTable").style.height; 

Он должен работать как на IE и FireFox. как исправить это.

Я проверил другое решение в StackOverFlow, но я не смог его исправить.

Я жду, чтобы услышать от вас.

---

Обновление: Я использую этот

<script> 
function SetSize(regionToChange, mainRegion) { 
    $(document).ready(function() { 
     $('#regionToChange) 
.width($('#mainRegion).outerWidth()) 
.height($('#mainRegion).outerHeight()); 
    }); 
} 
</script> 

и я называю это как

<asp:Button ID="btnReset" runat="server" SkinID="Button" Text="Reset" OnClick="btnReset_OnClick" OnClientClick="SetSize('Progress', 'MainTable');" /> 

Но он показывает мне ошибку, которая не может найти объект

---

Обновление 2 Я вижу эту ошибку

и в отладчике я сталкиваюсь с этим

Answer 1

в Jquery вы можете сделать

$("#Progress").css('width', function(){ 
    return $("#MainTable").width()+'px'; 
}); 

и так с высоты ...

редактировать

на JavaScript,

это

document.getElementById("Progress").style.width = document.getElementById("MainTable").style.width; 
document.getElementById("Progress").style.height = document.getElementById("MainTable").style.height; 

будет работать, если ваш HTML-то вроде этого для ид = "MainTable"

<table id="MainTable" style="width: 500px; height: 300px;"> 
    <tr> 
     <td> 
      Content .... 
     </td> 
    </tr> 
</table> 

потому, что вы обращаетесь атрибут стиля ...

edit2

function SetSize(regionToChange, mainRegion) { 
     $(regionToChange) 
     .width($(mainRegion).outerWidth()) 
     .height($(mainRegion).outerHeight()); 

    } 

//you can use it as 

SetSize('#Progress','#MainTable'); // prefix '#'if it's an ID 

Answer 2

говорят в JQuery:

$(document).ready(function(){ 
    $('#Progress') 
    .width($('#MainTable').outerWidth()) 
    .height($('#MainTable').outerHeight()); 
});