使用Javascript设置所有div的高度

时间:2014-03-26 22:57:38

标签: javascript

我试图将所有div page的高度设置为浏览器窗口的100%......

我有以下情况,但没有任何反应,我在控制台中没有错误,我知道我可以用jquery做到这一点,我的目标只是用JS来做。

var elements = document.querySelectorAll('page');
Array.prototype.forEach.call(elements, function(el, i){
    elements.style.height = document.getElementsByTagName(window).height;
});

1 个答案:

答案 0 :(得分:1)

这里有几个不同的错误:

  • 您现在可以使用document.getElementsByClassName
  • 您希望在forEach块中使用el而不是element
  • 使用window.innerHeight作为窗口高度

<强>解决方案

var elements = document.getElementsByClassName('page');
Array.prototype.forEach.call(elements, function(el, i){
    el.style.height = window.innerHeight+'px';
});

http://jsfiddle.net/VrdwN/