asp.net - 如何获取/设置 Div 和表格宽度/高度

Question

我有一个表格(或区域)，想将其宽度和高度值设置为另一个 Div(或区域)。

第二个实际上是一个 Ajax Indicator 模态，它在页面异步回发时显示加载文本。这是例子

<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 中说:

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