javascript - テキスト ノードの幅を取得する

Question

(JS で変更された) HTML の一部は、次のようになります。

<div style="width: 50px;">1,234,567</div>

テキスト ノードがコンテナーよりも広いかどうかを検出するにはどうすればよいですか?

Answer 1

div要素のオーバーフローを検出する方法に触発されましたか? :

<!-- Overflowing -->
<div style="width: 50px;">1,234,567</div>

<!-- Not overflowing -->
<div>1,234,567</div>

検出する JavaScript (jQuery なし):

var divs = document.getElementsByTagName('div');
var i, div, overflowing;

for (i=0; i<divs.length; i++) {
    div = divs[i];
    overflowing = div.offsetWidth < div.scrollWidth;
    console.log(overflowing);
}​

http://jsfiddle.net/mattball/pYj5P/