使用 javascript 调整 div 的大小和位置

我正在尝试对显示 ajax 加载图像的 div 元素进行简单的大小调整和重新定位。它加载的内容可以更改大小，因此我希望将 div 元素的大小调整为父元素的大小，在本例中，父元素是 id 为“thEngineCategories”的表维度。

function resize_divProgress() {
    var control = document.getElementById('thEngineCategories');
    var div = document.getElementById('divProgress');

    div.style.left = control.offsetLeft + 'px';
    div.style.top = control.offsetTop + 'px';
    div.style.width = control.offsetWidth + 'px';
    div.style.height = control.offsetHeight + 'px';
}

以下是我的 javascript，它出现错误

div.style.left = control.offsetLeft + 'px';

说“div.style 未定义”。这里出了什么问题？

html中的div如下：

<div class="overlay" id="divProgress">

js函数调用如下：

<th id="thEngineCategories" onmouseover="resize_divProgress()" >

CSS 是：

.overlay
{
    border: black 1px solid;
    padding: 5px;
    z-index: 100;
    width: 300px;
    position: absolute;
    background-color: #fff;
    -moz-opacity: 0.75;
    opacity: 0.75;
    filter: alpha(opacity=75);
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

有没有更好的方法来处理我想做的事情？

I 创建了一个基本的测试页面 http://pastebin.com/f35593ddb根据您提供的代码，无法重现该问题。这表明您的页面中发生了其他事情导致了您所看到的行为。

您能否将您的页面精简到能够演示 JavaScript 错误的最小情况？您会发现执行此过程通常会揭示错误的原因 - 您将删除某些内容，它将开始工作，表明删除的代码部分中的某些内容是问题的根源:)