在Firefox中使用JavaScript读取涉及calc()的CSS属性

时间:2014-05-29 10:56:10

标签: javascript css firefox

我有一个样式为min-height: calc(50% + 10px)的元素。如何使用JavaScript进行此计算(即"计算(50%+ 10px)",当前像素值)?这就是我在Chrome中所需要的,但Firefox只是给我计算结果:

getComputedStyle(myEle).minHeight

小提琴:http://jsfiddle.net/P37FQ/1/

我之所以需要确切的" calc"字符串是我必须暂时删除脚本中的原始min-height设置,然后稍后恢复。

1 个答案:

答案 0 :(得分:2)

另一种解决方案是,不是保存CSS值,而是简单地将样式设置为空字符串:

myEle.style.minHeight = '';

这将删除使用JavaScript的样式,因此使用下一个值,即样式表中的样式。