使用纯Javascript设置min-height属性

Question

我正在尝试使用javascript设置div的内联样式属性。这似乎可以将值传递到警报窗口：

<!-- /returns 890px for me -->
<script>
  alert(screen.height - 10 +"px");
</script>

但是，这不会为使用ID的div设置样式：

<script>
document.getElementById("page-wrapper").style.min-height = screen.height - 10 +"px";
</script>

这两个都没有：

<script>
    document.getElementById("page-wrapper").style.min-height = screen.height - 10 +"px";
</script>

任何帮助都将不胜感激。

Answer 1

在JS中使用camelCasing for CSS样式

<script>
    document.getElementById("page-wrapper").style.minHeight = screen.height - 10  +"px";
</script>

Answer 2

你关闭了。该物业是骆驼状的，没有连字符，如：

<script>
    document.getElementById("page-wrapper").style.minHeight = screen.height - 10 + "px"
</script>