找出有多少個字符可以放進DIV的JavaScript

Question

有誰知道最好的方法是計算出使用JavaScript的HTML中的DIV塊內能放入多少個字符？

任何意見將大大幫助。

Answer 1

你可以反覆添加你的角色到一個隱藏的div並檢查它的寬度。不知道是否有更好的方法。

編輯：事情是這樣的：

var targetWidth = document.getElementById('DivToCheck').clientWidth; 
var stringToFit = 'abcdefghijk'; 
var numChars = 0; 
for(var i=0; i < stringToFit.length; i++) 
{ 
    document.getElementById('hiddenDiv').innerHTML += stringToFit.charAt(i); 
    if (document.getElementById('hiddenDiv').clientWidth > targetWidth) 
    { 
     numChars = i - 1; 
     break; 
    } 
} 

<div id="hiddenDiv" style="visibility: hidden; width: auto;"></div>