JavaScriptを使用して文字列の長さをピクセル単位で取得する

Question

文字列の正確な長さをピクセル単位で知りたい、つまり「HelloWorld」。

それは私のコンテナの長さであってはなりません。

ヘルプ？

Mike · Answer

テキストを<span>に入れ、JavaScriptを使用して<span>の幅を測定します。

HTML：

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

JavaScript：

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

jQuery：

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

Artem Sobolev · Answer

インライン要素（たとえば、span）を作成し、文字列を要素のコンテンツ（innerHTML）として設定し、ドキュメントに挿入して（要素に追加）、幅を取得できます（clientWidth）。

文字列の長さはフォントスタイルに依存するため、ピクセル単位で測定する他の方法はありません。