javascript - 使用javascript调整和重新定位div

Question

我正在尝试对显示 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;
}

是否有更好的方法来处理我正在尝试做的事情？

Answer 1

我created a basic test page根据您提供的代码，无法重现问题。这表明您的页面中发生了其他事情，导致了您所看到的行为。

您能否将您的页面缩减为一个能够展示 JavaScript 错误的最小案例？你会发现经常执行这个过程会揭示错误的原因 - 你会删除一些东西并且它会开始工作，表明被删除的代码部分中的某些东西是问题的根源:)