Question

我希望获取访问者视口的高度，然后使用此值来更改元素的高度。到目前为止，我使用Javascript将视口高度存储到变量中。然后，我尝试选择元素并更改＆＃34; height＆＃34;通过使用Javascript变量作为输入，将样式设置为访问者视口高度。

我得到的错误是：
未捕获的TypeError：无法设置属性＆＃39; height＆＃39;未定义的

我的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或p ... 然后：

 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;
}

通过使用javascript变量设置元素高度

3 个答案: