javascript - 如何获取列表项 Javascript 的值/文本

Question

如何获取 <li> 的值/文本元素 ？我在互联网上找到了很多获取下拉列表值的方法。但不是 <li>元素。

这是我目前尝试过的:

var listt = document.getElementById('content1'); 
var selectedvalue = [listt.selectedIndex].text;

Answer 1

您可以使用 innerText大多数浏览器的属性，但 textContent Firefox 的属性:

<ul>
    <li id="myLi">Hello, world</li>
</ul>

var li = document.getElementById("myLi")
console.log(li.textContent || li.innerText);

Here是一个 fiddle 来演示。

如果你正在使用 jQuery(你说你是，但我没有看到证据)它会像使用 .text() 一样简单功能:

$("#myLi").text();

如果您的 <li>也包含 HTML 标记，您可能需要它。在这种情况下，您需要使用 innerHTML属性:

document.getElementById("myLi").innerHTML;

同样，jQuery 有自己的等价物 .html()适用于各种不同的浏览器:

$("#myLi").html();