Question

我有一些需要身体设置身高的CSS，但这需要根据用户来完成。

我已经制作了一些有用的代码 - 它计算窗口高度，但它没有改变身高。我做错了什么？

function setWindowHeight(){
    var windowHeight = window.innerHeight;
    document.getElementsByTagName('body').style.height = windowHeight + "px";
}

Answer 1

您需要添加一个eventListener，并且您不需要使用getElementsByTagName，因为只有一个body标记：

function setWindowHeight(){
    var windowHeight = window.innerHeight;
    document.body.style.height = windowHeight + "px";
    console.log(document.body.style.height);
}
window.addEventListener("resize",setWindowHeight,false);

或者，如果你想使用，你可以这样做：

function setWindowHeight(){
    var windowHeight = window.innerHeight;
    document.getElementsByTagName('body')[0].style.height = windowHeight + "px";
    console.log(document.body.style.height);
//---------------------------------------´
//will get the first element tagged body
}
window.addEventListener("resize",setWindowHeight,false);

编辑（更改上面的代码）：您可以在Firefox控制台中查看值。打开它（CTRL + SHIFT + K）并调整窗口大小，当你这样做时，你会看到事件调整大小。

Answer 2

try this may work 

document.getElementsByTagName('body').height  = windowHeight + "px";

JS - 使用当前窗口大小设置窗口高度

2 个答案: