获取元素高度并将其插入样式属性中

时间:2015-06-01 12:57:07

标签: javascript html css

我有这段代码:

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)';
}

我用来辱骂top" mega menu"风格。

现在我需要替换此行中的250px值:

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

成为"网站菜单" div身高是。

我得到"网站菜单的height"使用此行div var

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

但我不知道如何将其插入到style.transform动作中...我该怎么做?

谢谢, 本

2 个答案:

答案 0 :(得分:1)

  

我该怎么做?

字符串连接:

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

答案 1 :(得分:0)

你可以这样连接它:

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