計算後代 - 現代 JavaScript 教學

有一個樹狀結構的巢狀 ul/li。

撰寫程式碼，針對每個 <li> 顯示

裡面的文字（不包含子樹）
巢狀 <li> 的數量 – 所有後代，包含深度巢狀的後代。

讓我們對 <li> 進行迴圈。

          for (let li of document.querySelectorAll('li')) {
  ...
}
        

在迴圈中，我們需要取得每個 li 中的文字。

我們可以從 li 的第一個子節點讀取文字，也就是文字節點

          for (let li of document.querySelectorAll('li')) {
  let title = li.firstChild.data;

  // title is the text in <li> before any other nodes
}
        

然後我們可以取得後代的數量，方法是 li.getElementsByTagName('li').length。

在沙盒中開啟解決方案。