獲取元素的高度和樣式屬性

Question

插入我有這樣的代碼：

function toggle_div(id) { 

    var divelement = document.getElementById(id); 
    var togglerBut = document.getElementById("menuToggler"); 
    var siteMenuHeight = document.getElementById('site-menu').offsetHeight; 

    if(divelement.style.transform == 'translateY(0px)') 
     divelement.style.transform = 'translateY(250px)'; 
    else 
     divelement.style.transform = 'translateY(0px)'; 
} 

，我使用辱罵頂「超級菜單」的風格。

現在我需要在這條線來代替250像素值：

divelement.style.transform = 'translateY(250px)'; 

是有史以來「網站菜單」 div高度是什麼。

我得到了「網站菜單」 div的height與這條線var：

var siteMenuHeight = document.getElementById('site-menu').offsetHeight; 

但我不知道如何將其插入到style.transform行動.. 。 我該怎麼做呢？

感謝， 本

Answer 1

我如何做到這一點？

字符串連接：

divelement.style.transform = 'translateY(' + siteMenuHeight + 'px)'; 

Answer 2

您可以連接像這樣：

divelement.style.transform = 'translateY(' + siteMenuHeight + 'px)';