Déterminez combien de caractères peuvent entrer dans DIV avec JavaScript

Question

Est-ce que quelqu'un sait quelle serait la meilleure méthode pour déterminer combien de caractères peuvent tenir dans un bloc DIV en HTML en utilisant JavaScript?

Un conseil serait grandement aider.

Answer 1

Vous pouvez ajouter de façon itérative vos caractères à une div masquée et vérifier la largeur de celle-ci. Je ne sais pas s'il y a un meilleur moyen.

Edit: Quelque chose comme ceci:

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>