JavaScript로 DIV에 들어갈 수있는 문자 수 알아보기

Question

자바 스크립트를 사용하여 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>