动态检索元素高度？

Question

我目前正在尝试写一个切换菜单脚本。

大部分的未来都很好但是..。

这是我的回收站：

https://jsbin.com/rabiporoji/edit?html,css,js,console,output

我使用媒体查询来进行不同的布局，

想法是..。我试着让菜单扩展到小于500px的屏幕宽度，

当屏幕尺寸超过500px时，不要改变任何东西。

但是，当屏幕尺寸从小到宽超过500px时，

如果我点击此按钮，切换菜单仍会扩展。

ps(在这种情况下高度是固定的，但在我正在工作的项目中，它们是只有宽度百分比固定的图片)

所以，我想知道是否有任何方法可以在每次更改窗口大小时动态地检索元素的高度。

我知道可能有一些js库，可以轻松地解决这个问题。

但是在我开始使用它们之前，我真的想知道一些js基础。

为你腾出时间！

Answer 1

window.addEventListener('resize', function(event){
  let height = document.getElementById('thing').offsetHeight;
  console.log('offsetHeight',offsetHeight)
});