Equivalente ao do bfavaretto, mas com compatibilidade para navegadores antigos:
function getStyle(elem, prop)
{
if (elem.currentStyle) { //IE8
prop = prop.replace(/-([a-z])/gi, function (value) {
return value.toLowerCase();
});
return elem.currentStyle[prop];
} else if (window.getComputedStyle) {//Navegadores modernos
prop = prop.replace(/([A-Z])/g, '-$1').toLowerCase();
return window.getComputedStyle(elem, null).getPropertyValue(prop);
}
}
console.log(getStyle(document.getElementById('Teste'), 'font-size'));
console.log(getStyle(document.getElementById('Teste'), 'fontSize'));
html {font: normal 16px / 25px 'Montserrat';}
<p id="Teste">Foo bar</p>
Extra
Mesmo usando jQuery.css ou getStyle existe um detalhe muito importante, em diferentes navegadores pode ocorrer de não retornar em pixels (px
), pode retornar valores como em
ou pt
.
Para remover estes caracteres recomendo usar .replace
com regex e não usar parseInt
sem checar se o valor é null
ou outra coisa (como vazio), pois senão pode dar problema, faça assim:
tamanhoFonte = $(elemento).css('font-size'); //ou getStyle(elemento, 'font-size')
tamanhoFonte = tamanhoFonte.replace(/[a-z]/gi, ""); //Remove letras, mas mantem pontos e numeros
tamanhoFonte = tamanhoFonte ? parseInt(tamanhoFonte) : 0;
16px / 25px
ou quer pegar o valor "compensado"?