获取div的计算字体大小

Question

众所周知,HTML元素的字体大小要么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"));

几周前我在这里描述了这个" 计算风格 "的问题.

干杯,