vanillajsのhtmlとbodyの高さをウィンドウの高さに設定するのと同じです

Question

このjavascriptの行に相当するvanilla jsのコードは何ですか？

$('html, body, #wrapper').height($(window).height()); 

これは私の試みだったが、（すべてではすべての3つの要素に任意の高さに設定されていないようだ）適切に動作していないようです：

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; 

Answer 1

あなたは高さを得ることができますWindow#innerHeightを使用して、Document#querySelectorAllを使用してターゲットを選択します。

var height = window.innerHeight + 'px'; 
 

 
document.querySelectorAll('html, body, #wrapper').forEach(function(el) { 
 
    el.style.height = height; 
 
});

#wrapper { 
 
    background: red; 
 
}

<div id="wrapper"></div>

： - （下記参照配列に要素のリストを変換サポートされていない場合）、および各要素の高さを設定elementListquerySelectorAllそのリターンを反復処理するために、我々はNodeList#forEach使用します

[].slice.call(document.querySelectorAll('html, body, #wrapper'), 0) 

または

：あなたは配列に要素のリストを変換する必要がある場合210

Array.from(document.querySelectorAll('html, body, #wrapper'))