Javascript调整表和div里面的大小

Question

我有一张桌子和一个div。我必须在加载和调整窗口大小时调整大小。

如果单独调用这些Javascript函数（resizeTable和resizeDiv），但如果在autoResize调用resizeTable后调用resizeDiv，则无法使用它。

<script>

function autoResize()
{
    var windowSize = document.documentElement.clientHeight;
    var tableHeight = windowSize * 0.9+'px';
    var rowHeight = (windowSize * 0.9 - 99 - 50)+ "px";
    resizeTable(tableHeight);
    resizeDiv(rowHeight);
}

function resizeTable(tableHeight)
{
    document.getElementById("mainTable") = tableHeight;
}

function resizeDiv(rowHeight)
{
    document.getElementById("cellLogin").style.height = rowHeight;
}

</script>

Answer 1

嗯，我认为你的代码中有一点错误。这一行：

document.getElementById("mainTable") = tableHeight;

实际应该是：

document.getElementById("mainTable").style.height = tableHeight;

这是一个带有固定代码的JSFiddle，似乎可以满足您的需求。如果您有任何问题，请告诉我们！