众所周知,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"));
几周前我在这里描述了这个“getting computed style”问题.
干杯,
标签:javascript,dom,font-size 来源: https://codeday.me/bug/20190827/1736856.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。