获取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();

Answer 4

尝试document.getElementById('menu_selected').text