الرجوع الي الدرس

عد الأحفاد

هناك شجرة منظمة على أنها متداخلة 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.