众所周知,HTML元素的字体大小可以像style="font-size:10px"
一样明确设置,也可以由浏览器根据样式表和父属性的规则和属性进行计算。
计算javascript中的font-size值可能是一项相当复杂的任务,因为正确的结果可能依赖于元素className属性中不一定存在的类。
有没有办法直接获得计算出的字体大小,比如div.style['calculated-font-size']
? - thanx
答案 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”问题。
欢呼声,