使用JavaScript定义元素高度的问题

Question

我正在尝试在网站上运行以下代码来设置网页中元素的高度：

document.querySelector("#body").style.height = window.innerHeight - document.querySelector("#footer").offsetHeight;

它是函数的一部分，函数的所有其他部分似乎都正常工作，但本节不起作用。

然而，用jQuery编写的类似命令确实有效：

$("#body").css({ "height" : window.innerHeight - document.querySelector("#footer").offsetHeight });

但我宁愿不必在jQuery库上调用像这样小的东西。

关于我做错了什么建议？

Answer 1

尝试在计算值的末尾追加'px'。

(window.innerHeight - document.querySelector("#footer").offsetHeight) + 'px'

Answer 2

#body元素是否具有style属性？
如果不是，则可能没有设置任何内容，jQuery不需要使用样式来使用css函数来更改它