نريد أن نتيح هذا المشروع المفتوح المصدر إلى كل الناس حول العالم. من فضلك ساعدنا على ترجمة محتوى هذه السلسله للغة التى تعرفها.
خريطة الدورة التعليمية
الرجوع الي الدرس

عد الأحفاد

هناك شجرة منظمة على أنها متداخلة ul / li.

اكتب الرمز الذي يظهر لكل <li> ما يلي:

  1. ما هو النص الموجود بداخله (بدون الشجرة الفرعية)
  2. عدد “
  3. ” المتداخلة – جميع الأحفاد ، بما في ذلك المتداخلون بعمق. [demo src=“solution”]

افتح sandbox للمهمه.

لنقم بعمل iteration علي <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
}

ثم يمكننا الحصول على عدد الchildren items li.getElementsByTagName('li').length.

افتح الحل في sandbox.