获取 div 的计算字体大小
众所周知，HTML 元素的字体大小要么像 style="font-size:10px" 那样显式设置，要么由浏览器根据样式表和父属性中的规则和属性计算。
在 javascript 中计算 font-size 值可能是一项相当复杂的任务，因为正确的结果可能取决于元素 className 属性中不一定存在的类。
有没有办法可以直接获取计算出的字体大小，例如 div.style['calculated-font-size'] ？ - 谢谢
As we know, the font-size of a HTML-element is either set explicitly like style="font-size:10px" or calculated by the browser according to rules and properties from style sheets and parent properties.
It could be a rather complex task to calculate the font-size value in javascript as the correct result might depend on classes that do not necessarily exist in the elements className attribute.
Is there a way I can get the calculated font-size directly, like div.style['calculated-font-size'] ? - thanx
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
函数 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]);
更改大小写=假；
} 别的 {
更改案例 = true;
}
样式名称=临时；
return element.currentStyle[styleName];
} 别的 {
返回 getComputedStyle(element, null).getPropertyValue(styleName);
}
我已经描述了这个“
获取计算样式< /a>”几周前的问题在这里。
干杯，
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);
}
}
I've describe this "getting computed style" issue few weeks ago here.
cheers,