به دست آوردن فهرست عنصرهای بچه (Child Element) یک عنصر (Element)، با مشخصه children ، در JavaScript
مشخصه
children در JavaScript ، برای به دست آوردن فهرست عنصرهای بچه (Child Element) یک عنصر (Element)، به کار می رود.
فهرست عنصرهای بچه (Child Element) را به همان ترتیبی به دست می آوریم که آن عنصرهای بچه (Child Element) در کدها قرار گرفته اند و می توانیم به آنها بر اساس شماره متناظر با آنها (Index Number) اشاره کنیم.
شماره متناظر با آنها از عدد صفر شروع می شود (نه از عدد 1).
در واقع این فهرست به صورت یک شیء HTMLCollection می باشد که می توانیم طول (تعداد عنصر) آن را با مشخصه
length به دست آوریم تا تعداد عنصرهای بچه (Child Element) را بدانیم و سپس می توانیم یک حلقه بر اساس آن عنصرهای بچه (Child Element) ساخته و اطلاعات مورد نظرمان در مورد آن عنصرهای بچه (Child Element) را استخراج نماییم.
به عنوان مثال، اگر بخواهیم فهرست عنصرهای بچه (Child Element) تگ
body را به دست آوریم، باید روش
children را به صورت زیر به کار ببریم :
و ساخت حلقه بر اساس آن، به صورت زیر خواهد بود :
در حلقه بالا، می توانیم بر اساس عبارت زیر، نام تگ (Tag Name) هر یک از عنصرهای بچه (Child Element) را به دست آوریم (سایر مشخصات عنصرهای بچه نیز مشابه همین مورد به دست می آیند) :
اگر بخواهیم فهرست عنصرهای بچه (Child Element) یک عنصر با id برابر
kelidestan را به دست آوریم، باید روش
children را به صورت زیر به کار ببریم :
به مثال زیر توجه کنید :
فهرست عنصرهای بچه (Child Element) تگ
body را به دست آورده و نام تگ (Tag Name) آنها را در خروجی نمایش می دهیم.
نتیجه :
فهرست عنصرهای بچه (Child Element) یک عنصر با id برابر
kelidestan_div را به دست آورده و نام تگ (Tag Name) آنها را در خروجی نمایش می دهیم.
نتیجه :
تفاوت مشخصه
children و
childNodes در این است که
childNodes شامل همه گره ها (Node) (شامل گره های متن (Text Node) و گره های توضیحات (Comment Node)) می باشد، اما
children تنها شامل گره های عنصر (Element Node) است.
مشخصه
childNodes را در
کلید شماره 27561 شرح داده ایم.
