Récupère le texte d'un élément li

Question

<ul class="leftbutton" > 
      <li id="menu-selected">Sample 1</li> 
      <li>Sample 2</li> 
      <li>Sample 3</li> 
      <li>Sample 4</li> 
      <li>Sample 5</li> 
    </ul> 

Je veux obtenir le texte de l'élément li dont l'id = "menu-selected".
En ce moment je suis en train de faire quelque chose comme

document.getElementById('menu_selected').childNodes.item(0).nodeValue 

est-il un moyen plus simple de faire la même chose?

Answer 1

Dans votre cas:

document.getElementById('menu_selected').innerHTML 

Answer 2

Essayez document.getElementById('menu_selected').text

Answer 3

Si vous avez les éléments HTML à l'intérieur LI et que vous voulez pour obtenir le texte, vous avez besoin innerText ou textContent.

var liEl = document.getElementById('menu_selected'); 
var txt = liEl["innerText" in liEl ? "innerText" : "textContent"]; 

Pour éviter d'utiliser cette instruction conditionnelle à chaque fois, vous pouvez simplement déclarer une variable globale:

var textContentProp = "innerText" in document.body ? "innerText" : "textContent"; 
function getText() 
{ 
    return document.getElementById('menu_selected')[textContentProp]; 
} 

Answer 4

Si vous pouvez utiliser jQuery cela se résume à

var text = $('#menu_selected').text();