获取文本节点的宽度

Question

一些（JS 修改的）HTML 可能如下所示：

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

如何检测文本节点是否比容器宽？

Answer 1

受到如何检测 div 元素中的溢出的启发？:

\n\n

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

\n\n

JavaScript（无 jQuery）检测：

\n\n

var divs = document.getElementsByTagName(\'div\');\nvar i, div, overflowing;\n\nfor (i=0; i<divs.length; i++) {\n    div = divs[i];\n    overflowing = div.offsetWidth < div.scrollWidth;\n    console.log(overflowing);\n}\xe2\x80\x8b\n

\n\n

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

\n