Javascript HTMLCollection的长度不工作

我尝试通过以下方式收集文档中的所有“li”：

var first = document.getElementById("scroll-container").getElementsByTagName("li");

现在我需要知道他们有多少人，所以我打了这些电话：

console.log(first.length);

及

但它们都不起作用，它们只是显示一个0，即使在控制台中，当我检查“first”中的内容时，似乎有一个“length”字段。有人能帮我取一下吗

编辑

您提出的解决方案不起作用，可能是因为“li”部分不是静态的。在“div”“scroll container”中，我为我读取的.json文件中的每个字段创建一个“li”，如下所示：

$.getJSON( "list.json", function(data) {
 $.each(data, function(i, field){
  $.each(field, function(key, value){
    $("#scroll-container").append("<li id='scroll_part1'><p class='row'>"+value.nom+"</p></li>");
  });
 });
});

$.getJSON（“list.json”），函数（数据）{
$.each（数据、函数（i、字段）{
$.each（字段、函数（键、值）{
$（“#滚动容器”）.append（“
”+value.nom+”
”；
});
});
});

您已经用jQuery标记了这个问题，下面是一个简单的jQuery解决方案：

var first = $('#scroll-container li').first();

或者要获取元素中的

li

，请执行以下操作：

var liCount = $('#scroll-container li').length;

---

您已经用jQuery标记了这个问题，因此这里有一个简单的jQuery解决方案：

var first = $('#scroll-container li').first();

或者要获取元素中的

li

，请执行以下操作：

var liCount = $('#scroll-container li').length;

---

我怀疑你的标记有错误。给定HTML：

<ul id="scroll-container">
  <li></li>
  <li></li>
</ul>

---

它按预期执行并返回

2

我怀疑您的标记中有错误。给定HTML：

<ul id="scroll-container">
  <li></li>
  <li></li>
</ul>

---

它按预期执行并返回

2

您可以发布您正在使用的HTML吗？如果您想要文档中的所有li元素，请尝试document.getElementsByTagName（'li'）。length？另外，对于非节点列表版本，您可以尝试document.querySelectorAll（'li'）.length。如果找到项，length属性应该可以工作。此外，如果您可以提供一个小提琴或代码链接，我们可能会提供更多帮助。您可以发布正在使用的HTML吗？如果您想要文档中的所有li元素，请尝试document.getElementsByTagName（'li'）。length？另外，对于非节点列表版本，您可以尝试document.querySelectorAll（'li'）.length。如果找到项目，length属性应该可以工作。此外，如果您可以提供一个小提琴或代码链接，我们可能会提供更多帮助。这不起作用，可能是因为“li”不是静态的。我为.json文件的每个字段创建一个“li”。我编辑了这篇文章来添加这些信息。这不起作用，可能是因为“li”不是静态的。我为.json文件的每个字段创建一个“li”。我编辑了这篇文章来添加这些信息。这不起作用，可能是因为“li”不是静态的。我为.json文件的每个字段创建一个“li”。我编辑了这篇文章来添加这些信息。这可以解释一些事情。。。在获取/解析JSON后，您需要在回调中执行此函数。请发布代码，说明如何获取JSON并将其解析为

s，但这不起作用，可能是因为“li”不是静态的。我为.json文件的每个字段创建一个“li”。我编辑了这篇文章来添加这些信息。这可以解释一些事情。。。在获取/解析JSON后，您需要在回调中执行此函数