javascript - 使用 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 美分。