如何在纯JavaScript中获得像素的高度？

Question

我有一个具有以下HTML结构的论坛：

<div id="header">Contents</div>
<div id="main">Contents</div>
<div id="footer">Contents</div>

基本上，我需要将#main的高度设置为文档的高度减去其他2个元素的高度。问题是我必须在没有jquery的情况下完成它。我用Google搜索问题并找到了clientHeight方法，但它返回高度作为数字，而我需要它作为像素。

所以，问题是：有没有办法在纯javascript中获得像素的高度？

Answer 1

属性.clientHeight将返回一个数字（高度，以像素为单位）。

在您的情况下，下面是重置div#main高度的代码。请注意，我们最后在.style.height中添加了一个“px”：

document.getElementById('main').style.height = parseInt(window.innerHeight) -
document.getElementById('header').clientHeight + 
document.getElementById('footer').clientHeight + "px";

<div id="header">CONTENT</div>
<div id="main">CONTENT</div>
<div id="footer">CONTENT</div>