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

Question

我有一个样式为min-height: calc(50% + 10px) 的元素。如何使用 JavaScript 进行此计算（即“calc(50% + 10px)”，不是当前像素值）？这可以满足我在 Chrome 中的需要，但 Firefox 只是给了我计算结果：

getComputedStyle(myEle).minHeight

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

我需要确切的“calc”字符串的原因是我必须暂时删除脚本中原来的min-height 设置，然后再恢复它。

Answer 1

另一种解决方案是不保存 CSS 值，而只需将样式设置为空字符串：

myEle.style.minHeight = '';

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