Count descendants

بازگشت به درس

این محتوا تنها در این زبان‌ها موجود است: عربي, English, Español, Français, Italiano, 日本語, 한국어, Русский, Українська, 简体中文. لطفاً به ما

There’s a tree structured as nested ul/li.

Write the code that for each <li> shows:

What’s the text inside it (without the subtree)
The number of nested <li> – all descendants, including the deeply nested ones.

دمو درون یک پنجره جدید

باز کردن یک sandbox برای تمرین.

Let’s make a loop over <li>:

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

In the loop we need to get the text inside every li.

We can read the text from the first child node of li, that is the text node:

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

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

Then we can get the number of descendants as li.getElementsByTagName('li').length.

باز کردن راه‌حل درون sandbox.