Get string length in pixels using JavaScript

Kundan Atre picture Kundan Atre · Feb 13, 2013 · Viewed 35.3k times · Source

I want to know exact length in pixels of String i.e. "Hello World".

It should not be length of my container.

Any Help???

Answer

Mike picture Mike · Feb 13, 2013

Put your text in a <span> and use JavaScript to measure the width of your <span>.

HTML:

<span id="text">Dummy text</span>

JavaScript:

var textWidth = document.getElementById("text").clientWidth;

jQuery:

$('#text').width();