Obtener el texto de un elemento 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> 

Quiero obtener el texto del elemento li que el id = "menú-seleccionado".
En este momento estoy haciendo algo como

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

¿Hay alguna forma más simple de hacer lo mismo?

Answer 1

En su caso:

document.getElementById('menu_selected').innerHTML 

Answer 2

Trate document.getElementById('menu_selected').text

Answer 3

Si usted tiene HTML dentro de los elementos LI y sólo desea obtener el texto, es necesario innerText o textContent.

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

evitar el uso de esta sentencia condicional cada vez, sólo podría declarar una variable global:

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

Answer 4

Si puede utilizar jQuery que se reduce a

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