为什么高度未定义？

Question

这是我在javascript中的代码：

   var slider = document.getElementsByClassName("slider"),

    upperBar = document.body.firstElementChild,

    navBar = document.getElementById("navbar");

slider.height = window.innerHeight - (upperBar.innerHeight + navBar.innerHeight);

当我在控制台中打印upperBar变量时，它向我显示了它意味着存在的div，但是当我在控制台中写入upperBar.innerHeight时，结果未定义。

这也适用于navBar并滑动什么地方了？