如何获得有序列表的长度？

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;