Comment puis-je obtenir la longueur de innerHTML (nombre de caractères) en JavaScript?

Je vais essayer d'obtenir la longueur de caractères que je atteindre à partir d' innerHTML et c'est le genre de descendre à la dernière station, mais n'arrive pas à trouver un moyen plus efficace que les données se trouvent à l'intérieur d'un curseur que je suis en train d'utiliser pour obtenir la valeur la plus basse et la valeur la plus élevée.

var lvalue=document.getElementById("lval").innerHTML;

alors je suis spiting la chaîne dans les espaces:

var larr=lvalue.split(" ");

La innerHTML valeur est quelque chose comme cela "2413dsk 134dfa134".

Et quand j'utilise larr[0].length, je reçois 1 quand j'ai besoin de 7. Est-il une solution?

larr[0] se réfère à la longueur du premier élément du tableau divisé..
Pouvez-vous mettre un peu de code? Quand je tape exactement ce que vous avez écrit ici, la réponse est 7 (en commençant par lvalue = "2413dsk 134dfa134"; au lieu de innerHTML).
Curseur, comme en HTML5 curseur? Vous cherchez peut-être pour document.getElementById('lval').value plutôt que .innerHTML?

OriginalL'auteur aburman | 2012-02-01

  1. 4

    Je pense que ce serait quelque chose comme ceci:

    var lvalue = document.getElementById("lval").innerHTML;
var larr = lvalue.split(' ');
var len = 0;

//For each iterates over the index of arrays
for(var i in larr) { 
     len += larr[ i ].length //Acummulate the length of all the strings
}

    Ou sinon, vous pouvez compter les espaces en premier et ensuite soustraire de la longueur totale.

    //Some people argue about extending the native objects
//but in this case I think this method is a natural fit.
String.prototype.count = function( character ) {
   var l = 0;
   //`this` refers to the string itself
   for(var c in this) n = this[ c ] === character ? ++n : n;
   return n;
}

    Et ensuite de l'utiliser comme ceci:

    var lvalue = document.getElementById("lval").innerHTML;

//Subtract total length minus the number of spaces
var len = lvalue.length - lvalue.count(' ');

    OriginalL'auteur Tristian

  2. 1

    Cela pourrait être causé par un précédent ou de l'espace.

    Essayer de limiter les espaces supplémentaires :

    var lvalue=document.getElementById("lval").innerHTML.replace(/^\s+/gi,'').replace(/\s+$/gi,'');

var larr=lvalue.split(" ");

    OriginalL'auteur jerjer

  3. 0

    Je ne vois pas de problème avec votre code. Je lance un test ici: http://desdegdl.com/lval.html
    Probablement, vous avez un ou plusieurs espaces au début de lval'intérieur HTML.

    OriginalL'auteur Jaec

  4. 0

    Si il y a quelqu'un comme moi qui ne veulent pas utiliser JQuery, voici un exemple en javascript (seulement)...

    Les fichiers

    Le fichier html...

    <!-- start body -->
<body>
  <!-- start section -->
    <section id="bar"></section>
  <!-- end section -->
</body>
<!-- end body -->

    Le fichier javascript...

    /* start - wut element do ya wanna get? */
foo = document.getElementById('bar');
/* end - wut element do ya wanna get? */

/* start function */
function isEmpty(){
  if (foo.innerHTML.length === 0) {
      /* your code here */
  }
}
/* end function */

    Ce que j'ai fait

    Dans le code HTML

    Assez simple, je viens de créer un article et attribué un ID sur elle. Cet IDENTIFIANT sera utilisé pour l'appeler dans notre code javascript.

    Dans le JavaScript

    Dans le var fooI j'ai appelé l'article dont j'ai donné une pièce d'identité.
    Après cela, j'ai créé une fonction qui "faire quelque chose", si la longueur d'un élément est égale à zéro.

    Considérations

    Il fonctionne, mais si vous avez un espace ou un saut de ligne, le code ne sera pas le considérer comme "vide"...

    OriginalL'auteur Mateus M. Côrtes