javascript - 如何获取有序列表的长度？

Question

试图将一些 jQuery 转换为 javascript。将其用于 jQuery：

 var list = $('.list li'),
     listLength = list.length;

现在我正在用 JS 尝试它，但它似乎不起作用：

 var list = document.querySelector(".list"),
     listLi = list.getElementsByTagName("li"),
     listLength = listLi.length;

有任何想法吗？

Answer 1

您的代码应该已经可以工作了。但是您也可以使用它document.querySelectorAll()来执行比两个单独的调用更干净的选择器匹配：

var listLi = document.querySelectorAll(".list li"),
    listLength = listLi.length;