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

标签 javascript jquery css height

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

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

它是一个函数的一部分,该函数的所有其他部分似乎都可以正常工作,但这个部分不起作用。

然而,用 jQuery 编写的类似命令确实有效:

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

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

关于我做错了什么有什么建议吗?

最佳答案

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

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

关于javascript - 使用 JavaScript 定义元素高度的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4154736/

相关文章:

javascript - 使用 Javascript、Canvas 和 Alpha 检测进行碰撞检测

jquery - 在调整屏幕大小之前,滚动条不会加载或调整大小

css - 如何更改此 ui-select 元素的样式表? ( Angular )

html - 垂直对齐 block 元素中的文本

javascript - ajax 回发不适用于字节数组

javascript - 处理 JavaScript 中不存在的变量

javascript - 为列表项导航淡出旧图像并淡入新图像

javascript - jQuery 替换函数未替换有效 HTML 中的文本?

html - 使用空格和 pre 标签的文本对齐

javascript - Span 文本不会改变