Javascript 相当于在vanillajs中将html和body height设置为窗口高度

Javascript 相当于在vanillajs中将html和body height设置为窗口高度,javascript,jquery,html,Javascript,Jquery,Html,香草js中与这一行javascript等效的代码是什么 $('html, body, #wrapper').height($(window).height()); 这是我的尝试,但它似乎无法正常工作(它似乎根本没有在所有3个元素上设置任何高度): 可以使用获取窗口的高度,使用选择目标。要迭代querySelectorAll返回的elementList,我们将使用(如果不支持,请将元素列表转换为数组-见下文),并设置每个元素的高度: var height=window.innerHeight+

香草js中与这一行javascript等效的代码是什么

$('html, body, #wrapper').height($(window).height());
这是我的尝试,但它似乎无法正常工作(它似乎根本没有在所有3个元素上设置任何高度):


可以使用获取窗口的高度,使用选择目标。要迭代
querySelectorAll
返回的
elementList
,我们将使用(如果不支持,请将元素列表转换为数组-见下文),并设置每个元素的高度:

var height=window.innerHeight+'px';
document.querySelectorAll('html,body,#wrapper').forEach(函数(el){
el.style.height=高度;
});
#包装器{
背景:红色;
}
var w=window,d=document,
    e=d.documentElement,
    g=d.getElementsByTagName("body")[0];
    x=w.innerWidth || e.clientWidth || g.clientWidth,y=w.innerHeight || e.clientHeight || g.clientHeight;
    document.querySelector("html").clientHeight = g.clientHeight = document.getElementById("wrapper").clientHeight = y;