如何基于元素设置窗口的大小？

Question

单击主页上的按钮时，我需要打开新窗口。 一个新的窗口包括3个元素 1.标题 2.图片 3.说明

图像的尺寸可能不同。因此，窗口的宽度必须等于图像元素的宽度。窗口的高度必须适合元素的最后一个。

<table id="table-layout" class="animate-bottom"">
     <tr>
        <td id="title" align="center" ></td>
     </tr>
     <tr>
        <td align="center"><img id="myImage" src="" onload="resizeByElement()"  /></td>
     </tr>
     <tr>
        <td id="description" ></td>
     </tr>
</table>

当图像加载如下时，我尝试调用resizeByElement函数

var tb = $("table-layout");
var tb_width = tb.width;
var tb_height = tb.height;
window.resizeTo(tb_width ,tb_height );

但这是行不通的。有时tb_width是NaN。 如何基于元素设置窗口的大小？ 如何调整寡妇的大小以适合元素？