動態檢索元素高度？

Question

我目前正在嘗試編寫切換菜單腳本。

大多數期貨都很好，但...

這裏是我的斌：

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

我用媒體查詢，以不同的佈局，

的想法。 ..我試圖讓菜單擴展到500px以下的屏幕寬度，

並且當屏幕尺寸大於500時不改變任何東西PX。

不過，雖然從小拉伸至寬度大於500像素的屏幕尺寸，

如果我點擊按鈕次切換菜單仍然會延長。

PS（在這種情況下，高度是固定的，但在這個項目我在工作，他們是隻有圖片寬度固定的百分比）

所以，我想知道是否有任何的方式來檢索元素高度動態，每次我改變窗口大小。

我知道可能有一些js庫，並且很容易解決這個問題。

但我真的想在開始使用這些之前知道一些js基礎。

TY您的時間！

Answer 1

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