使用javaScript变量添加CSS属性？

Question

我需要能够指望HTML元素（div）应该有多高...

我正在使用以下javaScript代码对CSS进行计数并将其添加到“ Wrapper” div中：

var h=window.innerHeight;
var content=920;
var fix=920-h;
document.getElementById("wrapper").style.height= +fix+ 'px';

但这根本不起作用...

有什么帮助吗？

Answer 1

您可能在加载主体之前运行此脚本。

要在主体加载完成后加载它，请用以下代码替换代码：

window.onload = function(){
  var h=window.innerHeight;
  var content=920;
  var fix=920-h;
  document.getElementById("wrapper").style.height= +fix+ 'px';
}

Answer 2

document.getElementById("wrapper").style.height= fix + 'px';

将工作。

Answer 3

<script type="text/javascript">
  h=window.innerHeight;
  content=920;
  fix=(content-h);
  document.getElementById("wrapper").style.height=(fix + 'px');
</script>

我认为这是您要寻找的，只要存在div ID包装器即可。

我认为一种更有效的方法是

（使用jQuery）

<script type="text/javascript">
  $(document).ready(function(){
    h=$(window).height;
    content=$('.content').height; //gets height of class content
    fix=(content-h);
    $('wrapper').height=fix;
  });
</script>

我的2美分。