Установить высоту элемента с помощью переменной javascript

Question

Я ищу, чтобы получить высоту окна просмотра посетителей, а затем использовать это значение для изменения высоты элемента. Я до сих пор использовал Javascript для хранения высоты видового экрана в переменной. Затем я попытался выбрать элементы и изменить стиль «высота» на высоту видового экрана посетителей, используя переменную Javascript в качестве входных данных.

Ошибки я получаю:
Uncaught TypeError: Невозможно установить свойство 'высота' неопределенном

Мой Javascript

var h = Math.max(document.documentElement.clientHeight || 0); 
h = h + "px"; 
document.getElementsByTagName("form", "label").style.height = h; 

Answer 1

Чтобы бросить (непрошеный) CSS раствор в смесь, это очень легко достичь с помощью простого CSS:
http://codepen.io/panchroma/pen/bgwpzz

CSS

form, label{height:100vh;} 

Answer 2

Как сказал комментарии, это займет всего 1 строка. Чтобы изменить высоту этикетки, вам нужно обернуть его в DIV, или п ... Тогда:

var h = Math.max(document.documentElement.clientHeight || 0); 
    h = h + "px"; 

    var forms = document.getElementsByTagName("form"); 
    for(var i=0;i<form.length;i++){ 
    forms[i].style.height = h; 
    } 
    var divs = document.getElementsByTagName("div"); 
    for(var j=0;j<divs.length;j++){ 
    divs[j].style.height = h; 
    } 

Answer 3

var h = Math.max(document.documentElement.clientHeight || 0); 
h = h + "px"; 

//here you have a collection of labels 
var lbl = document.getElementsByTagName("label"); 
    for(var i=0;i<lbl.length;i++){ 
    lbl[i].style.height = h; 
}