获取div的计算字体大小

时间:2011-03-10 19:51:39

标签: javascript dom font-size

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

计算javascript中的font-size值可能是一项相当复杂的任务,因为正确的结果可能依赖于元素className属性中不一定存在的类。

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

1 个答案:

答案 0 :(得分:6)

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"));

几周前我在这里描述了这个“getting computed style”问题。

欢呼声,