javascript - 相对于`window.innerHeight`设置高度无效

对于某些人来说，这可能是一个非常愚蠢的问题，但我当然无法理解其背后的问题。代码非常简单，如下所示：

HTML：

<!DOCTYPE html>
<html lang="en-US">
    <head>
        <title>####</title>
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="css.css">
    </head>
    <body onload="resizeDiv();">
        <div id="testElement">ABCD</div>
        <div id="secElement">ABC</div>
        <script type="text/javascript" src="javascript.js"></script>
    </body>
</html>

CSS：

html , body{
    height:100%;
}
#testElement{
    background-color:black;
    color:white;
}
#secElement{
    font-size:50px;
}

JS：

(function immediate(){
    document.getElementById('secElement').textContent = window.innerHeight;
}());
function resizeDiv(){
    document.getElementById('testElement').style.height = (window.innerHeight - 50) * 0.9;
}

现在，通过此代码，带有div'testElement'的id的高度应为window.innerHeight - 20的90％。但是，似乎没有任何作用。请帮忙。

最佳答案

添加“ px”：
document.getElementById（'testElement'）。style.height =
（window.innerHeight-50）* 0.9 +“ px”;

关于javascript - 相对于`window.innerHeight`设置高度无效，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33454073/