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

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

我用它来辱骂顶级“大型菜单”风格。

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

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

成为“站点菜单”div 高度。

我使用以下行将“站点菜单”div高度 放入var 中:

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

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

谢谢, 本

最佳答案

How Do I Do This?

字符串连接:

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

关于javascript - 获取元素高度并将其插入样式属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30574113/

相关文章:

javascript - 如何在 JQuery 中单击最近的元素(复选框)时禁用下一个元素(文本区域)?

javascript - javascript 如何将一个变量连接到另一个变量

javascript - 隐藏所有具有相同类的 div,但单击并更改文本

html - 特定文本字符可以更改行高吗?

html - 图像容器底部未与其他网格容器对齐

html - 如何制作可滚动的动画下拉菜单?

javascript - Google Analytics 测量协议(protocol)不安全?

javascript - 如何从递归请求返回 promise 并在数据匹配条件时解决它?

html - CSS3 动画仅在悬停时打开和关闭

javascript - 'getElementsByTagName' 未定义