ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

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

2019-08-27 03:33:51  阅读:390  来源: 互联网

标签:javascript dom font-size


众所周知,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. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有