Javascript 如何获取浏览器'；s与CSS的高度

我正在div标签中使用滚动条功能

我想将滚动条设置为我的浏览器高度

我试图得到这样的值

javascript

<script>
var height = window.innerHeight;
</script>

var height=window.innerHeight；

css代码

    <style>
      .kryesore {
               overflow-y: scroll;
               overflow-y:auto;
               height:height-320px ;
            }
    </style>

kryesore先生{
溢出y：滚动；
溢出y：自动；
高度：高度-320px；
}

我想在页眉和页脚中显示表格，而不使用浏览器滚动条

滚动条应仅在我需要的表格中显示

如果我得到浏览器窗口高度，我将减去320。然后它将修复我的问题，浏览器窗口的滚动条也没有显示，所以我想获得css的javascript值

---

你能告诉我正确的解决方案吗。

你不能通过CSS引用JS变量，但你可以用JS更改CSS

尝试：

JS

document.querySelector('.kryesore').style.height = height;

---

您不能通过CSS引用JS变量，但可以使用JS更改CSS

尝试：

JS

document.querySelector('.kryesore').style.height = height;

---

你只能通过CSS来实现。 我不知道scrollbar的CSS类是什么，因此我使用的是

scrollbar

类

<style>
  .scrollbar {
           overflow-y: auto;
           height: calc(100vh - 320px);
        }
</style>

.滚动条{
溢出y：自动；
高度：计算（100vh-320px）；
}

---

100vh

等于浏览器的高度，

calc

函数可以动态计算这样的CSS值。

您只能通过CSS进行计算。 我不知道scrollbar的CSS类是什么，因此我使用的是

scrollbar

类

<style>
  .scrollbar {
           overflow-y: auto;
           height: calc(100vh - 320px);
        }
</style>

.滚动条{
溢出y：自动；
高度：计算（100vh-320px）；
}

---

100vh

等于浏览器的高度，

calc

函数可以动态计算此类CSS值。

您必须更改元素的样式属性。类似于

document.getElementByClassName（'krysore'）.style.height=height

但请注意，它是内联样式，优先于任何css指定。您必须更改元素的样式属性。类似于

document.getElementByClassName（'krysore'）.style.height=height

但请注意，它将是内联样式，优先于任何css指定的样式。Hi stefanBob:我遇到了此错误“无法读取null的属性'style'”：@stefanBob:我已经更新了我的问题，现在您会明白的。嗨stefanBob:我遇到了此错误“无法读取null的属性'style'：@stefanBob:我已经更新了我的问题，现在您会明白的。我想这很简单，但以防万一：需要减号（-）周围的空间我想这很简单，但以防万一：需要减号（-）周围的空间