如何獲取有序列表的長度？

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;