获取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>

我想得到id ="menu-selected"的li项目的文本.
现在我正在做类似的事情

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

有没有更简单的方法做同样的事情？

Answer 1

在你的情况下:

document.getElementById('menu_selected').innerHTML

Answer 2

如果您在LI元素中包含HTML并且您只想获取文本,则需要innerText或textContent.

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

为避免每次都使用此条件语句,您只需声明一个全局变量:

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

Answer 3

如果你可以使用 jQuery，它可以归结为

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