Nhận nội dung của phần tử 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> 

Tôi muốn nhận nội dung của mục li mà id = "menu-selected".
Ngay bây giờ tôi đang làm một cái gì đó giống như

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

Có cách nào đơn giản hơn làm giống nhau không?

Answer 1

Trong trường hợp của bạn:

document.getElementById('menu_selected').innerHTML 

Answer 2

Hãy thử document.getElementById('menu_selected').text

Answer 3

Nếu bạn có HTML bên trong các yếu tố LI và bạn chỉ muốn nhận được văn bản, bạn cần innerText hoặc textContent.

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

Để tránh sử dụng câu lệnh điều kiện này mọi thời gian, bạn chỉ có thể khai báo một biến toàn cầu:

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

Answer 4

Nếu bạn có thể sử dụng jQuery nó nắm để

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