动态检索元素高度？

Question

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

大多数期货都很好，但是......

这是我的垃圾箱：

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

我使用媒体查询制作不同的布局，

这个想法是......我试图让菜单扩展到500px的屏幕宽度，

当屏幕尺寸大于500px时不要更改任何内容。

但是当屏幕尺寸从小到大于500px时，

如果我点击按钮，切换菜单仍会延长。

ps（在这种情况下，高度是固定的，但在我正在进行的项目中，它们只是宽度固定为百分比的图片）

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

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

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

TY你的时间！

Answer 1

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