innerheight不改变div上的样式[JS]

Question

我试图制作一个div，动态地占据浏览器的整个内部高度并且它不起作用  

忽略黑色，它是这个div的div。当我在地址栏上输入divs id #cars时，我希望灰色区域占据整个屏幕

JS：

<script type="text/javascript">
    window.onload = function(){

       getElementById("cars").style.height = window.innerHeight + " px";

        }
    };
    </script>

我不认为HTML和CSS是必要的，因为我的脚本有问题。

有人可以帮帮我吗？那太好了！

编辑： 即使我输入'1000px'而不是window.innerHeight blablabla

它也不起作用

Answer 1

您的脚本存在两个问题。

删除额外的}大括号。

将getElementById更改为document.getElementById。

两个修复程序的完整代码将是：

<script type="text/javascript">
    window.onload = function() {
        document.getElementById("cars").style.height = window.innerHeight + " px";
    };
</script>