如何在Javascript中逐个访问<li>标签？</li>

Question

我的aspx页面中的标签中有各种<li>个元素。我想使用Javascript一次获取一个<li>元素并对其执行一些操作。我不知道怎么做; 我应该使用哪种功能？

之前我在C＃中获得了相同的列表，但我无法在Javascript中迭代它，因此我将其转换为<li>，以便可以通过Javascript访问它。

Answer 1

使用document.getElementsByTagName（“li”）

这将返回li的集合

Answer 2

如果您正在使用jquery，您可以使用基本选择器来获取包含<li>的lis的jquery对象，然后您可以对每个对象进行操作。

$('li').each(function(){  
    var li = $(this);
    //code to manipulate li
});

Answer 3

    var li = document.getElementsByTagName('li')
    for (var i = 0; i < li.length; i++) {
    //manipulate them how?
    console.log(li[i]);

}

你是如何操纵他们的？你会做什么，这将把它们插入一个名为li的数组中，for循环将循环通过。但是你想做什么？

直播示例：http://jsfiddle.net/yTXuK/

Answer 4

document.getElementsByTagName('li')将返回一系列li元素。

编辑： 您可以选择通过在页面上打印脚本标记而不是li来为页面添加数据点数组。这样，页面上就没有多余的不需要的元素了。

Answer 5

试试这个：

var lis = document.getElementsByTagName("li");