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

Question

我正在研究javascript的MVC框架，其中内容是从XML呈现的。 我遇到了问题。我需要找到从xml动态生成的textinput的字体大小。根据文本输入的字体大小，我必须做一些计算。

有没有办法计算文本输入中文本的字体大小。

我可以使用Jquery / javascript来实现此目的。

提前致谢

Answer 1

使用Javascript：

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

  

注意：如果使用内联css设置字体大小，则只能获取字体大小

更好的解决方案是 Jquery

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

DEMO

Answer 2

您可以使用jquery：

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

请注意，这会附加“px”以及大小。

Answer 3

如果您想要纯粹的Javascript解决方案，请尝试以下方法：

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

• Browsersupport
• 的 Demo