Javascript Girl
  1. Javascript Girl
  3. Comment obtenir la valeur / le texte d'un élément de la liste Javascript
Intereting Posts
Exécution asynchrone Javascript: un code d'exécution d'interruption de rappel? RSA Encryption Javascript et décryptage de Java Existe-t-il un moyen de créer deux animations jQuery (correctement) simultanément? Mettre à jour ou modifier ou Supprimer / Réinitialiser l'auditeur d'événement Javascript Choisissez une propriété aléatoire à partir d'un objet Javascript L'extension de Firefox envoie javascript Array comme objet à la place JS Test: déclenchez l'événement jQuery keypress de CasperJS et PhanthomJS Conversion directe de JS en JQuery Javascript / SWFobject | Déterminez si un objet swf existe lors de la création d'objets intégrés dynamiques Jquery cliquez sur l'événement pour ne pas tirer sur l'élément créé dynamiquement en utilisant jquery Numéro aléatoire entre -10 et 10 dans JavaScript Ajuster le caractère spécifique d'une chaîne Comment défiler en diagonale avec jQuery ou Javascript Comment résoudre le Var hors de portée dans l'appel setTimeout Créer quelque chose comme des flocons de page

Comment obtenir la valeur / le texte d'un élément de la liste Javascript

Comment puis-je obtenir la valeur / le texte d'un élément <li> ? J'ai trouvé sur Internet de nombreuses façons d'obtenir la valeur d'une liste déroulante. Mais pas pour un élément <li> .

C'est ce que j'ai essayé jusqu'à présent: 

 var listt = document.getElementById('content1'); var selectedvalue = [listt.selectedIndex].text;

Vous pouvez utiliser la propriété innerText pour la plupart des navigateurs, mais la propriété textContent pour Firefox: 

 <ul> <li id="myLi">Hello, world</li> </ul> var li = document.getElementById("myLi") console.log(li.textContent || li.innerText);

Voici une violon à démontrer.

Si vous utilisez jQuery (vous dites que vous êtes, mais je ne vois pas de preuves), il serait aussi simple que d'utiliser la fonction .text () : 

 $("#myLi").text();

Si votre <li> contient également un balisage HTML, vous voudrez peut-être. Dans ce cas, vous devez utiliser la propriété innerHTML : 

 document.getElementById("myLi").innerHTML;

Encore une fois, jQuery a son propre équivalent .html () qui répond à toutes sortes de navigateurs différents: 

 $("#myLi").html();

En supposant que myLi soit une référence à l'élément <li> vous souhaitez obtenir le texte, il est aussi simple que: 

 myLi.innerText

Notez que les éléments <li> n'ont pas de valeurs, car ils ne sont pas des entrées. Ils ont un contenu qui peut être une chaîne de texte ou HTML définissant d'autres éléments de page. Si votre élément <li> contenait d'autres éléments, et si vous vouliez le HTML de ceux-ci en tant que chaîne, vous pouvez plutôt: 

 myLi.innerHTML

Quelle est la différence? Supposons que votre HTML ressemble à ceci: 

 <li><span>Some text</span></li>

alors 

 console.log(myLi.innerHTML); // outputs: <span>Some text</span> console.log(myLi.innerText); // outputs: Some text