How to calculate the length (in pixels) of a string in JavaScript?

Question

How to calculate the length (in pixels) of a string in JavaScript?

Answer 1

you can use simple code

var canvas = document.createElement('canvas');
var ctx = canvas.getContext("2d");
ctx.font = "11px Arial";        
var width = ctx.measureText(str).width;

Answer 2

Given the new information about your wanting to append an ellipsis for text overflow, I think the text-overflow CSS property is a better approach. See this article on quirksmode for more information: http://www.quirksmode.org/css/textoverflow.html