javascript - 获取计算出的 div 字体大小

Question

正如我们所知，HTML 元素的字体大小要么像 style="font-size:10px" 那样显式设置，要么由浏览器根据样式表中的规则和属性计算得出和父属性。

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

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

Answer 1

函数 elementCurrentStyle(element, styleName){ 如果(元素.currentStyle){ var i = 0, temp = "", changeCase = false; for (i = 0; i < styleName.length; i++) 如果 (styleName[i] != '-'){ temp += (changeCase ? styleName[i].toUpperCase() : styleName[i]); changeCase = false; } 别的 { changeCase = true; } 风格名称=温度； 返回元素.currentStyle[styleName]; } 别的 { 返回 getComputedStyle(element, null).getPropertyValue(styleName); }

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

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

干杯，