I am working on an MVC framework for javascript, where the content is rendering from XML. I am stucked in a problem.I need to find the font-size of textinput that is generating dynamically from xml. Based upon the font-size of text input I have to do some calculation.
Is there a way to calculate the font-size of text coming inside the textinput.
I can use Jquery/javascript for this purpose.
Thanks in advance
Javascript:
var size = document.getElementById("inputId").style.fontSize;
Note: You can only get font size if it is set using inline css
Better solution is Jquery
var size = $('#inputId').css("font-size");
You can use jquery:
var fontsize = $('#yourtextinputid').css("font-size");// Returns a string such as "19px".
Please note that this will append "px" along with the size.
If you wan't a pure Javascipt solution try this:
var input = document.getElementById('some-input-field');
var fontSize = window.getComputedStyle(input, null).getPropertyValue("font-size");
