使用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