使用javascript/jquery计算textinput的字体大小

Question

我正在从javascript处理内容的XML的MVC框架。 我被困在一个问题中。我需要找到从xml动态生成的textinput的字体大小。基于文本输入的字体大小，我必须做一些计算。

有没有一种方法来计算textinput内进入的文本的字体大小。

我可以使用jquery/javascript来达到此目的。

在此先感谢

Answer 1

您可以使用jQuery：

var fontsize = $('#yourtextinputid').css("font-size");// Returns a string such as "19px". 

请注意，这将追加的 “PX” 与大小一起。

Answer 2

的Javascript：

var size = document.getElementById("inputId").style.fontSize; 

注意：如果使用内联CSS设置你只能得到字体大小

更好的办法是jQuery的

var size = $('#inputId').css("font-size"); 

DEMO

Answer 3

如果您wan't纯javascipt的解决方案试试这个：

var input = document.getElementById('some-input-field'); 
var fontSize = window.getComputedStyle(input, null).getPropertyValue("font-size"); 

• Browsersupport
• Demo