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

Question

文字列の正確な長さ、つまり「Hello World」を知りたい。

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

ヘルプ???

Answer 1

あなたが（例えば、span）一部のインライン要素を作成することができますが、要素の内容（innerHTML）、（いくつかの要素に追加）文書に挿入し、それが幅（clientWidth）のgetとしてあなたの文字列を設定します。

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

Answer 2

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

HTML：

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

のJavaScript：

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

のjQuery：文字列の画素の長さは独立して適用に応じて変化するので

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

Answer 3

CSSは、フォントなどの属性と私はJSでこれが可能であるとは思えません。