如何在纯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将返回一个数字（以像素为单位的高度）。

在您的情况下，下面是重置<link rel="stylesheet" data-ng-if="myctrl.style" data-ng-href="../assets/css/{{ myctrl.style }}.css" /> 高度的代码。请注意，我们正在添加＆＃34; px＆＃34;最后为.style.height工作：

＆＃13;

＆＃13;

div#main

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;