坚持使用简单的 Javascript 函数来查找高度答案

【问题标题】：Stuck with simple Javascript function to find height坚持使用简单的 Javascript 函数来查找高度
【发布时间】：2012-10-27 18:20:49
【问题描述】：

有人知道为什么下面的代码不能工作吗？我需要一个固定宽度 div 的动态高度，该高度可能会下降到视口下方。

 <script type="text/javascript">
function findheight(){  
  var div = document.getElementById('bg');
  var height = document.scrollHeight;
  div.style.height = height + 'px';
}

  </script>     
</head>

<body onload="findheight()">
    <div id="bg">

如果没有，还有其他方法吗？任何帮助表示赞赏。谢谢

【问题讨论】：

在 div.style.height = height + 'px' 上方给出警报（高度）；看看你有没有长高？
谢谢，不，我什么都没有……
@kritya：IMO，不需要使用库来完成简单的任务。

标签： javascript find height

【解决方案1】：

您可以使用 javascript 来实现这一点，您必须使用 'offsetHeight' 方法。

function getHeight() {
    var height = document.getElementById('test').offsetHeight;
    alert(height);
}

这是一个示例fiddle
你可以找到详情here

【讨论】：

【解决方案2】：

这是我对此类问题的解决方案。希望这对你也有用..

how to scale divs when i minimize browser so that divs dont collapse over each other

使用 jquery 中的$(document).height() 获取文档高度

【讨论】：

【解决方案3】：

这不起作用的原因是因为 div.style.height 是为空，因此执行 parseFloat 返回 NaN

document.getElementById('bg').offsetHeight 那么这应该可以工作。

或试试

function bodyHeight() {
var scnHei;

if (self.innerHeight) // all except Explorer
{
    scnHei = self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight)
    // Explorer 6 Strict Mode
{
    scnHei = document.documentElement.clientHeight;
}
else if (document.body) // other Explorers
{
    scnHei = document.body.clientHeight;
}

document.getElementById("bgr_right").style.height=scnHei + "px";
document.getElementById("bgr_left").style.height=scnHei + "px";
}

在你的身体里onload=bodyHeight();

【讨论】：