获取div的计算字体大小

Question

众所周知，HTML元素的字体大小可以显style="font-size:10px"设置为style="font-size:10px"也可以由浏览器根据样式表和父属性的规则和属性进行计算。

在javascript中计算字体大小值可能是一项相当复杂的任务，因为正确的结果可能取决于元素className属性中不一定存在的类。

有没有办法直接得到计算出的字体大小，比如div.style['calculated-font-size'] ？ - thanx

Answer 1

function elementCurrentStyle（element，styleName）{if（element.currentStyle）{var i = 0，temp =“”，changeCase = false; for（i = 0; i <styleName.length; i ++）if（styleName [i]！=' - '）{temp + =（changeCase？styleName [i] .toUpperCase（）：styleName [i]）; changeCase = false; } else {changeCase = true; } styleName = temp; return element.currentStyle [styleName]; } else {return getComputedStyle（element，null）.getPropertyValue（styleName）; }}

alert(elementCurrentStyle(myDiv,"font-size"));

几周前我在这里描述了这个“ 计算风格 ”的问题。

干杯，