html字号计算,javascript – 获取div的计算字体大小

众所周知,HTML元素的字体大小可以显式设置为style =“font-size：10px”,也可以由浏览器根据样式表和父属性的规则和属性进行计算.

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

有没有办法直接得到计算出的字体大小,比如div.style [‘calculated-font-size’]？ – thanx

解决方法:

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

干杯,

标签：javascript,dom,font-size

来源： https://codeday.me/bug/20190827/1736856.html