javascript negrita alert - Obtenga el tamaño de letra calculado para el elemento DOM en JS




1 Answers

Para superar el problema 'em', he escrito rápidamente una función, si el tamaño de letra en ie es 'em', la función calcula con el tamaño de fuente del cuerpo.

        function getFontSize(element){
        var size = computedStyle(element, 'font-size');
        if(size.indexOf('em') > -1){
            var defFont = computedStyle(document.body, 'font-size');
            if(defFont.indexOf('pt') > -1){
                defFont = Math.round(parseInt(defFont)*96/72);
            }else{
                defFont = parseInt(defFont);
            }
            size = Math.round(defFont * parseFloat(size));
        } 
        else if(size.indexOf('pt') > -1){
            size = Math.round(parseInt(size)*96/72)
        }
        return parseInt(size);
    }

    function computedStyle(element, property){
        var s = false;
        if(element.currentStyle){
            var p = property.split('-');
            var str = new String('');
            for(i in p){
                str += (i > 0)?(p[i].substr(0, 1).toUpperCase() + p[i].substr(1)):p[i];
            }
            s = element.currentStyle[str];
        }else if(window.getComputedStyle){
            s = window.getComputedStyle(element, null).getPropertyValue(property);
        }
        return s;
    }
bold document.getelementbyid text

¿Es posible detectar el font-size de font-size calculado de un elemento DOM, teniendo en cuenta las configuraciones genéricas realizadas en otro lugar (en la etiqueta body por ejemplo), valores heredados, etc.?

Un enfoque independiente del marco sería agradable, ya que estoy trabajando en un script que debería funcionar de forma independiente, pero eso no es un requisito, por supuesto.

Antecedentes: estoy intentando ajustar el CKEditor's selector de fuentes CKEditor's (fuente here ) para que siempre muestre el tamaño de fuente de la posición actual del cursor (en oposición a cuando está dentro de un span que tiene un conjunto de font-size explícito, que es el comportamiento actual).




Related