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;